教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 radio实现checkbox效果 再次点击取消选择

radio实现checkbox效果 再次点击取消选择

发布时间:2014-10-17   编辑:jiaochengji.com
你想过用radio实现checkbox的效果吗?再次点击时取消选择。有需要的朋友,不妨参考下。

代码如下:

<form name=”test” method=”POST”>
<input type=”radio” name=”a” value=”1″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 1
<input type=”radio” name=”a” value=”2″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 2
<input type=”radio” name=”a” value=”3″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 3
</form>

不保证在所有的浏览器下都可以使用,大家自行测试下。

您可能感兴趣的文章:
js 检验(input、radio、checkbox、textarea)必填项的代码
JS验证radio和checkbox是否选中
js判断单选框(radio)是否被选中的例子
js判断radio是否被选中的简单例子
JS动态判断radio是否选中的方法
radio和checkbox及php select默认选择的实现代码
js实现radio和select的默认选中

您可能感兴趣的文章:
radio实现checkbox效果 再次点击取消选择
radio实现checkbox的效果,再次点击后取消选择
JS验证radio和checkbox是否选中
js判断radio是否被选中的简单例子
js 检验(input、radio、checkbox、textarea)必填项的代码
js判断单选框(radio)是否被选中的例子
JS动态判断radio是否选中的方法
Js实例:复选框(checkbox)类似单选按钮(radio)的效果
JQuery触发radio或checkbox的change事件
Jquery操作radio,checkbox,select表单操作实现代码

关键词: checkbox  radio   
[关闭]
~ ~