在javascript中一次仅选中一个复选框

时间:2016-05-03 11:14:36

标签: javascript html asp.net

我有3复选框,我希望一次仅选中1复选框。下面是我对html的小提琴

JS fiddle

我希望在IE8中使用此功能,并建议如何操作

2 个答案:

答案 0 :(得分:9)

这个怎么样 - fiddle

<input type="checkbox" class="chk" />
<input type="checkbox" class="chk" />
<input type="checkbox" class="chk" />
<input type="checkbox" class="chk" />

$('input.chk').on('change', function() {
    $('input.chk').not(this).prop('checked', false);  
});

<强> 编辑: 对于问题的第二部分un-check other checkboxes when selecting parent checkbox,请参阅此fiddle - (根据聊天情况):

if (!cb.checked) { 
$('#trchkOptions input[type=checkbox]').attr('checked', false); 
}

答案 1 :(得分:1)

 String url = "http://localhost/Test8/";
function selectOnlyThis(id) {
    for (var i = 1;i <= 4; i++)
    {
        document.getElementById(i).checked = false;
    }
    document.getElementById(id).checked = true;
}

它可以帮到你