3

だから私は自動生成されたdivを持っていて、内部には異なるIDと名前の3つのチェックボックスがあり、デフォルトではどれもチェックされていません!! たまたま1つがチェックされた場合、他の2つはチェックを外す必要があります!!

そのため、一度に1つしかチェックできません...

したがって、すべてチェックされていないか、1つだけチェックされています!

<div class="configoptions">
    <table class="configtable" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[10]" id="co30" value="1" onclick="recalc()" type="checkbox">green</label>
                </td>
            </tr>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[9]" id="co27" value="1" onclick="recalc()" type="checkbox">blue</label>
                </td>
            </tr>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[11]" id="co31" value="1" onclick="recalc()" type="checkbox">white</label>
                </td>
            </tr>
        </tbody>
    </table>
</div>

これは、ページの準備ができているすべてのdivのチェックを外すために使用したものです..最初はチェックを外す必要があるため..それはうまく機能します...チェックされている場合、一度に1つだけチェックされるようにする必要があります! 誰か手を貸してくれませんか?事前にt​​hx!

$(document).ready(function() {
    $('input[type=checkbox]').each(function() {
        this.checked = false;
    });
});
4

2 に答える 2

7

関数を使用してprop、チェックボックスとラジオ ボタンのチェックされたプロパティを変更します。

$(function(){
    $('input:checkbox').prop('checked', false)
    $('input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('input:checkbox').not(this).prop('checked', false);        
        }
    });
})

デモ:フィドル

于 2013-03-12T08:23:55.330 に答える
0

私は同様の問題を抱えていて、そのように解決しました(Arun P Johnyの回答の一部を使用して、これに出くわす可能性のある人にも共有したいと思いました.)

(function($checkbox,options){                               
            $($checkbox).on('change', function() {                  
                $("input[type='checkbox']").not(this).prop('checked', false);               
            });             
        });
于 2014-04-22T19:25:07.403 に答える