今天工作中遇到一个单选框需要做成复选框的那种效果,即点击选中、再点击取消,之所以不直接使用复选框,是因为样式要求必须是圆的,当然百度一下网上也有不少能把复选框的方形变成圆形的方法,但粗略看一下其样式调整还都是蛮复杂的。网上也有不少使用单选框+js实现相同效果的,最后我使用了这样的一种方法,个人觉得简单、好用:
<input id="one" onClick="xuanzhong(this)" name="one" type="radio">读书
<script>
function xuanzhong(thiss){
if(thiss.value==1){
thiss.value=0;thiss.checked=0;
}else{
thiss.value=1;
}
</script>
实验中也发现一个小问题,就是radio默认的value总是on,不知道为什么,还望有大神指点
<input id="two" name="two" type="radio">看报
<script>
$('#two').click(function(){
alert($(this).val());
})
</script>