【实例名称】
单击文字实现单选按钮的选定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。
【源码下载】
如果你不愿复制代码及提高代码准确性,你可以点击:单击文字实现单选按钮的选定 进行本实例源码下载
……