javascript - 关于JQ的问题。

问题描述

问 题

是这样的，我想的是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>

解决方案

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

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

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

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

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

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

这篇关于javascript - 关于JQ的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！