javascript를 사용하여 onclick 함수를 확인하고 선택을 취소하는 방법은 무엇입니까?

Question

checked 및 unchecked에 javascript를 사용하는 방법은 onclick과 같습니다.

http://jsfiddle.net/A4wxX/98/

먼저 당신이 선택하면, checkbox id="yyy", checkbox id="yyy" 줘야 Checked 및 checkbox id="xxx" 줘야은 Unchecked

그리고, 당신이 선택하면이 checkbox id="xxx", checkbox id="xxx" 줘야 내 코드에 Checkedcheckbox id="yyy" 줘야 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 

Answer 1

HTML

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

JS

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/

Answer 2

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