软件学堂

网游分类软件分类

单击文字实现单选按钮的选定JS代码怎么写

2012-11-01 来源:网络

【实例名称】

单击文字实现单选按钮的选定JS代码怎么写

【实例描述】

在网页的基本控件中,单选按钮控件是不包含文字的,在页面单选按钮后面的文字其实只是页面的布局,两者之间实际上没有任何关系。但在用户看来,两者是一体的。本例的目的就是将两者设计为一体,实现选择文字的同时选中单选按钮。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <br> <input type="radio" name="myLike" value="Like1" id="Like1"> <label for="Like1"> 体育运动:NBA</label> <br> <input type="radio" name="myLike" value="Like2" id="Like2"> <label for="Like2"> 休闲运动:Golf</label> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点是label元素的“for”属性。此属性用来设置label是为谁服务的,属性的值必须是被服务控件的id。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:单击文字实现单选按钮的选定 进行本实例源码下载 

上一篇:选择了哪一个单选按钮JS代码怎么写
下一篇:被选中的复选框求和JS代码怎么写

相关文章