关于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&nbsp;list={&nbsp;&nbsp;&nbsp;&nbsp;'无味':['土豆','番茄','冬瓜'],&nbsp;&nbsp;&nbsp;&nbsp;'':[],&nbsp;&nbsp;&nbsp;&nbsp;'':[] };然后 在select控件选项改变的时候 从list中获取相对应的 项 然后 将其 设置为选中就好啦粗略的写了个demo这里直接使用的是在数组中包含所有 你可以var&nbsp;list={&nbsp;&nbsp;&nbsp;&nbsp;'无味':'类名'};然后获取到直接对class操作更简单就不需要循环了