jQueryチェックボックスのチェック/チェックを外す

Question

私の機能を引き起こす要素の中にあるチェックボックスをチェック/チェック解除するには、どのような方法が適していますか？

<table id="news_list"> 
<tr> 
    <td><input type="checkbox" name="news[1]" /></td> 
    <td>TEXT</td> 
</tr></table> 

$("#news_list tr").click(function() { 
    var ele = $(this).find('input'); 
    if(ele.is(':checked')){ 
     ele.removeAttr('checked'); 
     $(this).removeClass('admin_checked'); 
    }else{ 
     ele.attr('checked', 'checked'); 
     $(this).addClass('admin_checked'); 
    } 
}); 

問題は、私がチェックし、一度だけ、各ボックスをオフにすることができます：

は、ここに私のコードです。私がチェックしたりチェックを外したりした後でも、クラスを追加/削除しますが、ボックスを再度チェックすることはありません（テーブル行ではなくチェックボックスをクリックしても）。

.bind（ 'click'）トリガーを使用してみましたが、同じ結果です。

すべてのソリューションはありますか？

Answer 1

使用.prop()を使用し、このような フォーム要素の確認、選択、または無効状態としてDOMのプロパティを変更するには：

$("#news_list tr").click(function() { 
    var ele = $(this).find(':checkbox'); 
    if ($(':checked').length) { 
     ele.prop('checked', false); 
     $(this).removeClass('admin_checked'); 
    } else { 
     ele.prop('checked', true); 
     $(this).addClass('admin_checked'); 
    } 
}); 

変更：

例 jsbinで

ルック

1. inputから:checkboxに変更されました。
2. checked checkboxesのthe lengthを比較する。

Answer 2

checkedの値を設定するには、attr（）の代わりにprop（）を使用します。また、inputではなく、findメソッドで:checkboxを使用してください。 jQueryの1.6のよう

Live Demo

$("#news_list tr").click(function() { 
    var ele = $(this).find('input'); 
    if(ele.is(':checked')){ 
     ele.prop('checked', false); 
     $(this).removeClass('admin_checked'); 
    }else{ 
     ele.prop('checked', true); 
     $(this).addClass('admin_checked'); 
    } 
}); 

Use prop instead of attr for properties like checked

、.ATTR（）メソッドが設定されていない属性 ため未定義返します。私たちはあなたのコードで行く場合は代わりにして、このように比較検索して、 .prop（）メソッド

Answer 3

$('mainCheckBox').click(function(){ 
    if($(this).prop('checked')){ 
     $('theControledCheckBoxes').prop('checked', true); 
    }else{ 
     $('theControledCheckBoxes').prop('checked', false); 
    } 
});