如何使用JavaScript来检查和取消选中功能onclick像这样？

如何使用javascript到checked和unchecked与功能onclick是这样的？如何使用JavaScript来检查和取消选中功能onclick像这样？

首先，当你检查checkbox id="yyy"，checkbox id="yyy" WIL Checked和checkbox id="xxx" WIL Unchecked

，然后当你检查checkbox id="xxx"，checkbox id="xxx" WIL在我的代码Checkedcheckbox id="yyy" WIL Unchecked

我必须要复选复选框来做到这一点，我怎样才能将我的代码应用于单击？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 
function SetCard() { 
    var xxx_val = document.getElementById('xxx').checked 
    var yyy_val = document.getElementById('yyy').checked 
    if(xxx_val === true) 
    { 
     document.getElementById('yyy').checked = false; 
    } 
    if(yyy_val === true) 
    { 
     document.getElementById('xxx').checked = false;   
    }  
}  
</script> 

<input type="checkbox" id="xxx" onclick="SetCard()" checked> xxx 
<br> 
<input type="checkbox" id="yyy" onclick="SetCard()"> yyy

来源

2014-12-05 robert wisyert

http://stackoverflow.com/questions/5839884/make-checkbox-behave-like-radio-buttons-with-javascript回答，这里将帮助您 – Lekhnath 2014-12-05 07:11:04

好像你正在寻找一个单选按钮的功能http://www.w3schools.com/HTML/tryit.asp?filename=tryhtml_radio – 2014-12-05 07:11:31

如果你只有两个选项，你需要给一个选项来检查然后用单选按钮代替复选框使用下面的链接来定制你的单选按钮 http://fronteed.com/iCheck/ – nikita 2014-12-05 07:24:18

HTML

<input type="checkbox" id="xxx" onclick="SetCard(event)" checked> xxx 
<br> 
<input type="checkbox" id="yyy" onclick="SetCard(event)"> yyy

function SetCard(e) { 
    if (e && e.target) { 
     if (e.target.id === 'xxx') { 
      document.getElementById('yyy').checked = false; 
     } 
     else if (e.target.id === 'yyy') { 
      document.getElementById('xxx').checked = false; 
     } 
    }

小提琴：http://jsfiddle.net/95pnsq3q/

来源

2014-12-05 07:22:15 ryanlutgen

我可以只使用'onclick =“SetCard（）”' – 2014-12-05 07:29:53

我不能想到手。您必须知道点击了哪个复选框才能知道应该切换哪个复选框。 – ryanlutgen 2014-12-05 07:38:54

JS：

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

})

HTML：

<input type="checkbox" id="xxx" class="checkbox" checked> xxx 
<br> 
<input type="checkbox" id="yyy" class="checkbox"> yyy

来源

2014-12-05 08:47:40 Pankaj

如何使用JavaScript来检查和取消选中功能onclick像这样？

回答

相关问题