通过点击标签来切换HTML单选按钮

问题描述:

是否有一种简单的方法可以使单选按钮切换 - 单击时附近的文本 - 无需在我的小PHP项目中引入任何大型Javascript框架?

Is there please a simple way to make a radio button toggle - when a text near it is clicked - without introducing any big Javascript Framework into my smal PHP project?

Web表单看起来像这样:

The web form looks like this:

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


/ em>给它们每个ID,因为< label> 隐含地包含它的输入,如下所示:

You can also wrap your elements without giving them each an ID, since a <label> is implicitly for the input it contains, like this:

<label>
   <input type="radio" name="mode" value="create">
   <i>create table</i>
</label>