通过单击标签来切换 HTML 单选按钮
时间：2023-10-21
本文介绍了通过单击标签来切换 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>
推荐答案
你也可以包装你的元素而不给它们每个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>
这篇关于通过单击标签来切换 HTML 单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
layer.open打开的页面关闭时，父页面刷新的方法layer.open打开的页面关闭时，父页面刷新的方法，在layer.open中添加： end: function(){ window.parent.location.reload();//关闭open打开的页面时，刷新父页面 }