1. 程式人生 > >全選與取消【jQuery例項】

全選與取消【jQuery例項】

//頁面部分
<label style="color:#444;">全選:</label><input type="checkbox" onclick="selectall()" id="check_box" title="全選">
//全選jQ部分
function selectall()
{ 
    if($('#check_box').prop('checked'))
    {
      $(':checkbox').prop('checked', true);
    }else{
      $(':checkbox').prop('checked', false
) } }
//第二種方法
function selectAll(){
    var obj=document.getElementById('check_box');
    if(obj.checked==true){
        $('form#group_list_info input[type="checkbox"][name="groupids[]"]').each(function(index,element){
            this.checked=true;
        })
    }else{
        $('form#group_list_info  input[type="checkbox"][name="groupids[]"]'
).each(function(index,element){ this.checked=false; }) } }