div中的Jquery复选框一次检查了一个

时间:2013-03-12 08:22:09

标签: jquery checkbox checked

所以我有一个自动生成的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的内容..因为最初我需要它们取消选中..这很有效...现在我需要制作它所以只有一个是检查,如果它被检查!有人能给我一个手吗? Thx提前!

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

2 个答案:

答案 0 :(得分:7)

使用prop功能更改复选框和单选按钮的选中属性

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

演示:Fiddle

答案 1 :(得分:0)

我有一个类似的问题并且如此解决(使用Arun P Johny的部分答案 - 我想与那些可能会遇到此问题的人分享。)

(function($checkbox,options){                               
            $($checkbox).on('change', function() {                  
                $("input[type='checkbox']").not(this).prop('checked', false);               
            });             
        });