小程序js添加单选框选中（js设置单选框选中）
更新： 2022-11-14 04:08
本文目录一览：
用javascript设置单选按钮 radio 为必填......
看了你的问题，我有几点意见：
- 建议你以后创建html元素的时候，name属性和id属性尽量保持一致，除非特殊情况，这个是编码规范
- 写代码的时候尽量写全，比如你的id="times/(1~10)这里少了一个上引号，如果别人写的代码总是这样马虎，让你改，你要疯掉的
- 按照你的意思是想用一个选择框来控制文本的输入，这里有2种方案的，第一种是用1个checkbox比你上面用2个radio要实用很多，很多时候要考虑合理性和客户体验；如果你想选不同的radio，而要用户做不同的事情，比如选几种情况需要填几种不同的内容就用radiogroup来做 代码如下：
使用checkbox
<div>是否测试：<input type="checkbox" name="test" id="test" checked="checked" /></div>
<div><input type="text" name="times" id="times" /></div>
<div><input type="button" value="提交" onclick="checkdata();" /></div>
使用radiobox
<div>是否测试：<input type="radio" name="A1" id="A1" value="1" checked />是 <input type="radio" name="A1" id="A1" value="2" />否</div>
<div><input type="text" name="testb" id="testb" /></div>
<div><input type="button" value="提交" onclick="checkradio();" /></div>
<script language="javascript">
<!--
function checkdata() {
if (test.checked && times.value == "") {
alert("文本框必须输入");
}
}
function checkradio() {
for (i = 0; i < A1.length; i++) {
if (A1[i].checked == true && A1[i].value == 1) {
alert("文本框必须输入");
return;
}
}
}
//-->
</script>
微信小程序里怎么控制两个只能选择一个的？
方法/步骤
- 打开微信小程序开发工具，打开已新建的或新建一个项目
- 新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio
- 保存代码并查看左侧模拟器，可以查看到一组单选按钮
- 在对应页面的JS文件中，定义单选按钮组change事件changeJa
- 保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果
- 下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类
- 再次保存代码并查看左侧模拟器，可以看到单选按钮样式变成了按钮的样式
小程序怎么获取 多组 单选按钮选中的值？
有两种获取方法：
- 在所有单选按钮组外边套一个
form组件，并且加一个包含属性formType="submit"的 button 按钮，每组单选按钮的name使用你的data-index，选择完闭后点击按钮，在bindsubmit绑定的方法中可以获取到所有值：
formSubmit(event) {
const values = event.detail.value;
const result = Object.keys(values).sort().map(key => values[key]);
console.log(result); // 此时的 result 就是一个按顺序(name)排序的
}
- 使用
radio-group的bindchange，设置值时用data-index确定位置。
