本文详细介绍了如何使用HTML中的单选按钮实现选项的切换，以及如何通过单选框实现点击选中和再次点击取消选中的功能。通过具体的代码示例，读者可以学习到两种不同场景下单选元素的使用方法。
- .单选按钮实现 切换
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="radio" name="sex"checked="checked"><span>男</span>
<input type="radio" name="sex"><span>女</span>
</body>
</html>
注意：name的属性值必须一样
2、单选框实现 点击选中-->在点击取消选中
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="radio" name="sex" value="" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1"><span>男</span>
</body>
</html>
扫一扫
9225
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
