javascript - 使用 jquery 或 javascript 在 2 个复选框之间切换

Question

我在使用 jquery 在 2 个复选框之间切换时遇到了困难。目前这就是我所拥有的。

<div id="chkBoxList"  onclick="CheckBoxToggle()">
  <font size="2">
 <input type="checkbox"  class="all" name="empType" id="empType1" value="BWR is a Full Time employee. " checked="checked"  disabled="disabled"/>
  Full Time
 <input type="checkbox" class="all"  name="empType"  id="empType2" value="BWR is a Part Time employee. " /> Part Time
 </font>
 </div>

jquery 紧随其后。

function CheckBoxToggle() {


$('#chkBoxList').click(function () {
    var $checkbox = $(this).find(':checkbox');
    $checkbox.prop('checked', !$checkbox[0].checked);
    $checkbox[1].checked;
    $checkbox.trigger('change');
});



}

但这要么切换为选中或未选中。因为，一个的初始值被选中并禁用，当单击第二个时，我希望另一个被选中和禁用，而第一个将被取消选中和禁用。任何帮助表示赞赏。

score 2 · Accepted Answer

<html>
<body>  
<form name=f1 id=f1>
<input type=checkbox name=chk1 id=chk1 onclick=javascript:document.f1.chk2.checked=!document.f1.chk1.checked;> Check 1<BR>
<input type=checkbox name=chk2 id=chk2 onclick=javascript:document.f1.chk1.checked=!document.f1.chk2.checked;> Check 2<BR>
</form>
</body>
</html>

score 0 · Accepted Answer

$('input.all').click(function(e){

    $('input.all').prop('checked', false).prop('disabled',false) ;
    $(this).prop('checked', true).prop('disabled', true) ;


}) ;

score 0 · Accepted Answer

您需要使用 .each() 循环访问 $checkbox。

$(function(){
    $('#chkBoxList').click(function () {
    var $checkbox = $(this).find(':checkbox');

    $checkbox.each(function(){
       $(this).prop('checked', !$checkbox[0].checked);
        });


    });
});

http://jsfiddle.net/mPstq/1/

javascript - 使用 jquery 或 javascript 在 2 个复选框之间切换

3 回答 3

Related

Reference