jquery – 根据值选中或取消选中具有相同类名的所有复选框

前端之家收集整理的这篇文章主要介绍了jquery – 根据值选中或取消选中具有相同类名的所有复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在多个div中有以下复选框.
<div class="div1">
    <input type="checkBox" class="chkBox" value="101"> This is 101
    <input type="checkBox" class="chkBox" value="102"> This is 102
    <input type="checkBox" class="chkBox" value="103"> This is 103
</div>
<div class="div2">
    <input type="checkBox" class="chkBox" value="110"> This is 110
    <input type="checkBox" class="chkBox" value="102"> This is 102
    <input type="checkBox" class="chkBox" value="101"> This is 101
</div>

如上所示,一些复选框具有跨多个div的相同值(例如,101).现在,每当选中复选框时,我都需要检查具有相同值的其他复选框.同样,取消选中.

$(".chkBox").change(function() {
    // If checked
    if (this.checked)
           // find other checkBoxes with same value and check them
    else
           // find other checkBoxes with same value and uncheck them
}

解决方法

你可以这样做:
$(".chkBox").change(function() {
    var val = $(this).val();
  if( $(this).is(":checked") ) {

    $(":checkBox[value='"+val+"']").attr("checked",true);
  }
    else {
        $(":checkBox[value='"+val+"']").attr("checked",false);
    }
});

演示:jsFiddle

猜你在找的jQuery相关文章