javascript重置Radio单选按钮

环境:win7 32,ie11

<html>
<head>
    <script type="text/javascript">
        function onclickbt1() {
            document.getElementById("rd1").checked=false;
            document.getElementById("rd2").checked=false;
            document.getElementById("rd3").checked=false;            
        }
    </script>
</head>

<body>
	<input id="rd1" type="radio" name="sex" value="Male">Male</input>
	<input id="rd2" type="radio" name="sex" value="Female">Female</input>
	<input id="rd3" type="radio" name="sex" value="Unknown">Unknown</input>
	<button οnclick="onclickbt1()">aa</botton>
</body>
</html>

参考:http://wenwen.sogou.com/z/q110185092.htm

### 微信小程序中重置单选按钮的方法 在微信小程序中,可以通过设置 `value` 属性为空来实现单选按钮重置操作。具体来说,在页面逻辑层(JavaScript 文件)定义一个用于存储当前选中的值的数据字段,并将其初始值设为空字符串或其他默认值。 当触发重置动作时,更新该数据字段为初始状态即可达到清空效果。下面是一个简单的例子展示如何完成这一过程: #### WXML 页面结构 ```xml <view class="container"> <!-- 单选框组 --> <radio-group bindchange="radioChange"> <label wx:for="{{items}}" wx:key="id"> <radio value="{{item.name}}" checked="{{item.checked}}">{{item.value}}</radio> </label> </radio-group> <!-- 重置按钮 --> <button type="default" bindtap="resetRadio">Reset</button> </view> ``` #### JS 页面逻辑 ```javascript Page({ data: { items: [ { name: 'option1', value: '选项一' }, { name: 'option2', value: '选项二' } ], radioValue: '' }, onLoad() { }, // 处理单选变化事件 radioChange(e) { console.log('radio发生改变:', e.detail.value); this.setData({ radioValue: e.detail.value }); }, // 实现重置功能 resetRadio() { this.setData({ radioValue: '' }); // 将绑定变量重新赋值为空串以清除选择 } }) ``` 上述代码片段展示了创建一组单选按钮并提供了一个按钮用来执行重置行为的方式[^1]。每当点击“Reset”按钮时,就会调用 `resetRadio()` 方法将 `radioValue` 设置回空字符串,从而取消所有已有的选择项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值