把checkbox复选框转换成单选按钮radio

最新推荐文章于 2024-05-08 11:21:52 发布

笑的自然

最新推荐文章于 2024-05-08 11:21:52 发布

阅读量1w

点赞数

分类专栏： JavaScript 文章标签： function input generator xhtml javascript html

本文链接：https://blog.csdn.net/xxd851116/article/details/3994833

版权

JavaScript 专栏收录该内容

65 篇文章 0 订阅

订阅专栏

文章原创，转载请说明文章来自：http://blog.csdn.net/xxd851116/archive/2009/03/16/3994833.aspx

网页中单选按钮的缺陷：当一组单选按钮选择一项后改组按钮无法撤销选择改组，导致必须选择一项，用户体验差。

解决办法：

采用JavaScript方式（利用复选框可取消选择的优势对单选按钮进行更改）

测试代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <form> 您所在的城市：<input type="checkbox" name="city" value="0" />安徽 <input type="checkbox" name="city" value="1" />浙江 <input type="checkbox" name="city" value="2" />江苏 <input type="checkbox" name="city" value="3" />北京 <br/> <input type="submit" name="submit" value="Submit"> </form> <mce:script type="text/javascript"></mce:script> </body> </html>

测试结果：

1、分别选择安徽浙江江苏后，最终确定为江苏，安徽和浙江没有被选中；

2、点击提交后，地址呈现：file:///D:/java/ide/eclipse/checkboxToRadio.html?city=2&submit=Submit

笑的自然

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
把checkbox复选框转换成单选按钮radio

文章原创，转载请说明文章来自：http://blog.csdn.net/xxd851116/archive/2009/03/16/3994833.aspx 网页中单选按钮的缺陷：当一组单选按钮选择一项后改组按钮无法撤销选择改组，导致必须选择一项，用户体验差。解决办法：采用JavaScript方式（利用复选框可取消选择的优势对单选按钮进行更改） function check
复制链接

扫一扫

专栏目录