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

时间:2012-05-04 08:52:50

标签: javascript asp.net

我想为复选框列表asp.net控件编写javascript逻辑,如果复选框选择中的某些条件为true,则选择all,否则取消全选。 如何找出这个检查取消选中并使用javascript值?

2 个答案:

答案 0 :(得分:3)

.checked会返回你选择与否,而不是你可以选择所有

例如我采用了一个示例

var idckbIsSolicitor = '<%= ckbIsSolicitor.ClientID %>';
var ckbIsSolicitor = document.getElementById(idckbIsSolicitor);

 if (ckbIsSolicitor.checked)
{
//select all
}
else
{
//deselect all
}

答案 1 :(得分:1)

<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/