请问一个简单的方法来制作单选按钮切换 - 当单击它附近的文本时 - 没有在我的小PHP项目中引入任何大的Javascript框架?
网络表单如下所示:
<html>
<body>
<form method="post">
<p>Mode:<br />
<input type="radio" name="mode" value="create"><i>create table</i><br />
<input type="radio" name="mode" value="select" checked>select records (can specify id)<br />
<input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br />
<input type="radio" name="mode" value="delete">delete records (must specify id)<br />
<input type="radio" name="mode" value="drop"><i>drop table</i><br />
</p>
<p>Id: <input type="text" name="id" size=32 maxlength=32 /> (32 hex chars)</p>
<p>Latitude: <input type="text" name="lat" size=10 /> (between -90 and 90)</p>
<p>Longitude: <input type="text" name="lng" size=10 /> (between -90 and 90)</p>
<p>Speed: <input type="text" name="spd" size=10 /> (not negative)</p>
<p><input type="submit" value="OK" /></p>
</form>
</body>
</html>
答案 0 :(得分:151)
你也可以包含你的元素而不用给每个元素一个ID,因为<label>
隐式包含它所包含的输入,如下所示:
<label>
<input type="radio" name="mode" value="create">
<i>create table</i>
</label>
答案 1 :(得分:63)
您可以使用<label>
元素,这些元素旨在实现这一目标:
<input type="radio" id="radCreateMode" name="mode" value="create" />
<label for="radCreateMode"><i>create table</i></label>
答案 2 :(得分:5)
将标签下的输入包裹起来应该有效。
<label>
<input type="radio" name="mode" value="create"><i>create table</i>
</label>
答案 3 :(得分:1)
我无法使用此方法查找单选按钮的值,另一种方法是使用命中区increasing clickable area of a button。