您的位置:首页 > Web前端 > HTML

html中点击radio后的文字相当于选中该单选按钮如何实现?怎么实现两个redio,选中一个,取消另一个?

2017-12-10 12:22 921 查看
一:实现点击redio后面文字选中redio。代码如下:

方法①:

<input type="radio" id="clickIn"/> <label for="clickIn">点击我选中</label>


解释:input标签设置ID,文字添加一个lable标签,设置一个for属性值与ID值相同即可。

方法②:

<label >
<input type="radio" name="clickIn"  value="clickIn" />点击我选中
</label>


解释:input设置name和value值相同即可。

二:实现两个redio,点击选中一个,取消另一个。代码如下:(直接复制运行)

<label>
<input type="radio" name="refund" value="refund_goods"/> 退货退款
<label>
<label>
<input type="radio" name="refund" value="refund"/> 仅退款
</label>


解释:两个redio的name值都设置一个的即可,N个redio实现方式一样。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐