CheckBox模仿radio单选，实现单选可取消选中状态
2017-06-10 本文已影响406人
给我小前端
$('input[name="wechat"]').click(function() { //选取同一name下的input
if($('input[name="wechat"]').is(':checked')) { //判断input是否选中
$('input[name="wechat"]').prop('checked', false); //清除所有的选中状态
$(this).prop('checked',true); //设置点击的input为选中状态
}
})
关键点：由于checkbox 再次点击会取消自己的选中状态，所以实现了单选的同时，也可以切换自身的状态。
image.png
image.png
image.png
