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

2012-11-01 来源：网络

【实例名称】

【实例描述】

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

【实例代码】

<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>

【运行效果】

运行效果