2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
思路:在html中获取被选中的radio的值,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。步骤如下:
radio代码片断:
<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误
js代码如下:
var b1= document.getElementsByName('a1')
for (var i = 0i <b1.lengthi++) {
if (b1[i].checked == true) {//如果选中,下面的alert就会弹出选中的值
alert(b1[i].value)
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
有两种方法获取表单项的值
监听form提交事件 bindsubmit (一般都要这样做,因为很多场景下要推送模板消息,就要用到formId 只有在form提交事件里才能获取到formId)
在radio-group里监听change事件(bindchange) ,事件中的e.detail.value即是选中的值,如果是checkbox,会是一个数组
小程序文档:radio