0

ユーザーがチェックボックスを選択したことを確認するにはどうすればよいですか? approveユーザーが（例として）2つを選択してクリックした場合、「承認列」で2つのチェックボックスがすでにチェックされているため、2reject allつだけをチェックする必要があります。reject column

これが私が試みたものであり、完全ではありませんが、私が何をしようとしているのかがわかります。

http://jsfiddle.net/abuhamzah/CgqVw/6/

4

3 に答える 3

1

このようなものが必要かどうかわかりませんか？

$(function(){
    $('input[name=approve]').click(function(){
        $('.style6 input').attr('checked', $(this).is(':checked'));
    });          

    $('input[name=reject]').click(function(){
        $('.style5 input').attr('checked', $(this).is(':checked'));
    });        
});​

そしてデモ

于 2012-05-08T17:13:05.010 に答える
1

これはあなたが探しているものですか？プロセスを少し簡単にするために、html を少し変更したことに注意してください。

HTML :

<table class="style1" border="1">
    <tr>
        <td>
            Approve All<br />
            <input type="checkbox" name="approve" />
        </td>
        <td>
            Reject All<br />
            <input type="checkbox" name="reject" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="employee" class="approve" />
            <span>John</span>
        </td>
        <td>
            <input type="checkbox" name="employer" class="reject" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="employee0" class="approve" />
            <span>John</span>
        </td>
        <td>
            <input type="checkbox" name="employer" class="reject" />
       </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="employee1" class="approve" />
            <span>John</span>
        </td>
        <td>
            <input type="checkbox" name="employer" class="reject" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="employee" class="approve" />
            <span>John</span>
        </td>
        <td>
            <input type="checkbox" name="employer" class="reject" />
       </td>
    </tr>
</table>

</p>

Javascript :

$(function(){
    $('input[name=approve]').click(function(){
        var checked = this.checked;

        $('.approve').each(function() {
            if($(this).closest('tr').find('.reject').prop('checked') == false)
                this.checked = checked;
        });
    });          

    $('input[name=reject]').click(function(){
        var checked = this.checked;

        $('.reject').each(function() {
            if($(this).closest('tr').find('.approve').prop('checked') == false)
                this.checked = checked;
        });
    });

    $('.approve').click(function() {
        $(this).closest('tr').find('.reject').prop('checked', !this.checked);
    });

     $('.reject').click(function() {
        $(this).closest('tr').find('.approve').prop('checked', !this.checked);
    });
});​

ライブデモ

于 2012-05-09T00:26:16.367 に答える
0

チェックボックスの代わりにラジオボタンを使いたいと思います。ラジオ ボタンには、この種の「1 つ選択」機能があらかじめ組み込まれており、UI デザインの観点から優れています。また、すべてのボックスを承認/拒否するのは、おそらくボタンにする必要があります。

[すべて承認/拒否] をクリックすると、これまでにチェックしたラジオ グループを反復処理し、適切な調整を行うことができます。このようなものがそれらを取得します:

$('input:radio[name=bar]:checked')
于 2012-05-08T15:16:07.980 に答える