用于检查和取消选中复选框列表控件检测的 Javascript

Javascript for check and uncheck detection for the checkbox list control

本文关键字：控件 检测 Javascript 列表 复选框 检查和 取消 用于      更新时间：2023-09-26

我想为复选框列表 asp.net 控件编写javascript逻辑，如果复选框选择中的某些条件为真，则全选，否则取消全选。如何使用javascript找出此检查取消选中并且有价值？

.checked将返回您是否选择，然后您可以选择所有

例如，我举了一个示例

var idckbIsSolicitor = '<%= ckbIsSolicitor.ClientID %>';
var ckbIsSolicitor = document.getElementById(idckbIsSolicitor);
 if (ckbIsSolicitor.checked)
{
//select all
}
else
{
//deselect all
}

<div><input type="checkbox" class="checkall"> Check all</div>
    <div><input type="checkbox" class="check"> Checkbox</div>
    <div><input type="checkbox" class="check"> Checkbox</div>
    <div><input type="checkbox" class="check"> Checkbox</div>
    <select size="5" multiple="multiple" class="listbox">
      <option value="test1">test1</option>
      <option value="test1">test1</option>
      <option value="test1">test1</option>
      <option value="test1">test1</option>
      <option value="test1">test1</option>
    </select>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function () { // this line makes sure this code runs on page load
    $('.checkall').click(function () {
        $('.check').attr('checked', this.checked); //if you want to select/deselect checkboxes use this
        $('.listbox option').attr('selected', this.checked);//if you want to select/deselect options in list use this
    });
});
</script>

http://jsfiddle.net/fMk2e/

相关文章：