javascript - 关于JQ的问题。

Question

是这样的，我想的是option选中之后，checkbox会相对应的选中，比如选择甜相应的西瓜和芒果就会选中，选择无味土豆番茄冬瓜就会被选中，思路有点乱请问具体改怎么实现呢？谢谢！

<select>
  <option>
   甜
  </option>
   <option>
   酸
  </option>
  <option>
   苦
  </option>
  <option>
   无味
  </option>
</select></br>

<input type="checkbox">西瓜</br>
<input type="checkbox">土豆</br>
<input type="checkbox">芒果</br>
<input type="checkbox">葡萄</br>
<input type="checkbox">番茄</br>
<input type="checkbox">冬瓜</br>

Answer 1

首先你需要有一个对应的列表

var list={
    '无味':['土豆','番茄','冬瓜'],
    '':[],
    '':[]
};

然后 在select控件选项改变的时候 从list中获取相对应的 项 然后 将其 设置为选中就好啦
粗略的写了个demo

这里直接使用的是在数组中包含所有 你可以

var list={
    '无味':'类名'
};

然后获取到直接对class操作更简单就不需要循环了

Answer 2

简单的办法，给他们相同的class呗

Answer 3

其实就是给个相同的class，判断option选中，接着给checkbox加个
checked就可以了。