設置checkbox設置只能單選
代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<title>checkbox設置只能單選</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>
</head>
<body>
<p>您喜歡的水果？</p>
<form>
<div id="checkboxDiv" >
<input type="checkbox" name="checkboxName" value="1" />蘋果<br/>
<input type="checkbox" name="checkboxName" value="2" />西瓜<br/>
<input type="checkbox" name="checkboxName" value="3" />香蕉<br/>
<input type="checkbox" name="checkboxName" value="4" />桃子<br/>
<input type="checkbox" name="checkboxName" value="5" />芒果<br/>
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$("#checkboxDiv").find(":checkbox").each(function(){
$(this).click(function(){
if($(this).is(':checked')){
$(this).attr('checked',true).siblings().attr('checked',false);
}else{
$(this).attr('checked',false).siblings().attr('checked',false);
}
});
});
});
});
</script>
</body>
</html>