首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >通过单击单选按钮的标签来切换HTML单选按钮

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

Stack Overflow用户
提问于 2010-11-18 17:13:22
回答 3查看 92.9K关注 0票数 92

有没有一种简单的方法可以让单选按钮切换-当它附近的文本被点击时-而不需要在我的小PHP项目中引入任何大的Javascript框架?

web表单如下所示:

代码语言: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>
EN

回答 3

Stack Overflow用户

发布于 2010-11-18 17:16:17

您可以使用元素,它的设计就是为了做到这一点:

代码语言:javascript
复制
<input type="radio" id="radCreateMode" name="mode" value="create" />
<label for="radCreateMode"><i>create table</i></label>
票数 82
EN

Stack Overflow用户

发布于 2015-11-29 11:14:38

在标签下包装输入应该是可行的。

代码语言:javascript
复制
<label>
    <input type="radio" name="mode" value="create"><i>create table</i>
</label>
票数 5
EN

Stack Overflow用户

发布于 2016-12-06 10:15:02

我很难用这种方法找到单选按钮的值,另一种方法是使用命中区域increasing clickable area of a button

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4213172

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档