一、jq实现单选框
(1)代码
<body>
<input type="checkbox" name="aaa" class="checkbox1" id="a1" value="" /><label for="a1">苹果</label>
<input type="checkbox" name="aaa" class="checkbox1" id="a2" value="" /><label for="a2">香蕉</label>
<input type="checkbox" name="aaa" class="checkbox1" id="a3" value="" /><label for="a3">西瓜</label>
</body>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>
$('.checkbox1').click(function() {
if($(this).is(':checked')) {
$(this).attr('checked', true).siblings().attr('checked', false);
} else {
$(this).attr('checked', false).siblings().attr('checked', false);
}
});
//})
</script>
(2)效果