3

所以我有一个自动生成的 div，里面有 3 个具有不同 ID 和名称的复选框，默认情况下没有一个被选中！如果碰巧检查了一个，那么我需要其他两个未检查！

所以一次只能检查一个...

所以所有未检查或只有一个检查！

<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 的内容.. 因为最初我需要取消选中它们.. 效果很好......现在我需要制作它，所以如果它被选中，一次只检查一个！有人可以帮我一下吗？提前谢谢！

$(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 回答