实现效果:第一次点击单选按钮时选中该按钮,再次点击时取消选中该单选按钮。
关键就是要将单选按钮原来的值保存起来,第二次点击时。如果原来选中则取消,否则选中。
看代码吧,是用jQuery实现的,功能虽小。知识点不少啊。。。。。
$(document).ready(function(){ var old = null; //用来保存原来的对象 $("input[name='sex']").each(function(){//循环绑定事件 if(this.checked){ old = this; //如果当前对象选中,保存该对象 } this.onclick = function(){ if(this == old){//如果点击的对象原来是选中的,取消选中 this.checked = false; old = null; } else{ old = this; } } }); });
二〇一二年十一月二十七日 15:22:47