0

これを機能させる方法は？バーがオフになっている場合、他の入力チェックボックスは各tdで無効になっていますか？私はJqueryの初心者です:)

元のコードは元のコードから取得され ます

<table border="1" id="re">
    <tr>
<td class="class1"><input type=checkbox  disabled="disabled" value="ss"/>ss</td>
<td class="class1"><input type=checkbox  disabled="disabled" value="aa"/>aa</td>
<td class="class1"><input type=checkbox  disabled="disabled" value="dd"/>dd</td><td class="class1"><input type=checkbox checked="checked" value="bar"/>Bar</td></tr>

    <tr>
<td class="class1">
    <input type=checkbox  disabled="disabled" value="ss"/>ss</td><td class="class1">
    <input type=checkbox  disabled="disabled" value="aa"/>aa</td><td class="class1">
    <input type=checkbox  disabled="disabled" value="dd"/>dd</td><td class="class1">
         <input type=checkbox checked="checked" value="bar"/>Bar
        </td></tr>
     <tr>
<td class="class1">
    <input type=checkbox  disabled="disabled" value="ss"/>ss</td><td class="class1">
    <input type=checkbox  disabled="disabled" value="aa"/>aa</td><td class="class1">
    <input type=checkbox  disabled="disabled" value="dd"/>dd</td><td class="class1">
         <input type=checkbox checked="checked" value="bar"/>Bar
        </td></tr>
    </table>

$('.class1 input:last-of-type').live('change', function () {

var n = $(this).siblings('input:checkbox');
if (!$(this).attr('checked')) {
    n.attr('disabled',false);

} else {

    n.attr('disabled', true); 
} 
});
4

1 に答える 1

2

次のようなものを試してください

$('table').on('click', 'input[value="bar"]', function(e){
    var $this = $(this);
    var checked = $this.is(':checked');
    var others = $this.closest('tr').find('input:checkbox').not(this).prop('disabled', checked)
    if(checked){
        others.prop('checked', false);
    }
})

デモ：フィドル

于 2013-03-17T04:47:45.837 に答える