2015-07-11 70 views
-1

我有两个复选框(未选中)一页,我想这个: 当这个复选框中的一个将检查第二个也将检查,相反,当这(现在已经检查)其中一个将被检查第二个也将被检查。HTML复选框

+1

这就是你想要的,没关系。但是问题是什么?你是如何解决它的?我们需要更多的投入! – luksch

回答

1

你可以使用jQuery这个

$(document).ready(function(){ 
 
    $('input[type="checkbox"]').click(function(){ 
 
    if($(this).prop('checked') == true){ 
 
     $('input[type="checkbox"]').prop('checked','checked') ; 
 
     
 
     
 
    }else{ 
 
      $('input[type="checkbox"]').prop('checked','') ; 
 
    } 
 
    }); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="1"> 
 
<input type="checkbox" name="2">

0

说你有一个像这样输入:

<input id="c1" type="checkbox" onclick="checkBoth()">Checkbox One</input> 
<input id="c2" type="checkbox" onclick="checkBoth()">Checkbox Two</input> 

然后你只需要像这样简单的JavaScript函数:

function checkBoth() { 
    document.getElementById('c1').checked = true; 
    document.getElementById('c2').checked = true; 
} 

working jsfiddle