首页 > 编程知识 正文

小程序js添加单选框选中(js设置单选框选中)

时间:2023-12-19 12:29:26 阅读:317782 作者:HGHM

本文目录一览:

用javascript设置单选按钮 radio 为必填......

看了你的问题,我有几点意见

1、建议你以后创建html元素的时候,name属性和id属性尽量保持一致,除非特殊情况,这个是编码规范

2、写代码的时候尽量写全,比如你的id="times/(1~10)这里少了一个上引号,如果别人写的代码总是这样马虎,让你改,你要疯掉的

3、按照你的意思是想用一个选择框来控制文本的输入,这里有2种方案的,第一种是用1个checkbox比你上面用2个radio要实用很多,很多时候要考虑合理性和客户体验;如果你想选不同的radio,而要用户做不同的事情,比如选几种情况需要填几种不同的内容就用radiogroup来做

代码如下:

h3使用checkboxh3/

div是否测试:input type="checkbox" name="test" id="test" checked="checked" //div

divinput type="text" name="times" id="times" //div

divinput type="button" value="提交" onclick="checkdata();"//div

h3使用radioboxh3/

div是否测试:input type="radio" name="A1" id="A1" value="1" checked/是 input type="radio" name="A1" id="A1" value="2" /否/div

divinput type="text" name="testb" id="testb" //div

divinput type="button" value="提交" onclick="checkradio();"//div

script language="javascript"

!--

function checkdata() {

if (test.checked times.value=="") {

alert("文本框必须输入");

}

}

function checkradio() {

for(i=0;iA1.length;i++) {

if(A1[i].checked==true A1[i].value==1) {

alert("文本框必须输入");

return;

}

}

}

//--

/script

微信小程序里怎么控制两个只能选择一个的?

方法/步骤

打开微信小程序开发工具,打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器,可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中,定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

请点击输入图片描述

下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

小程序怎么获取 多组 单选按钮选中的值?

有两种获取方法:

1. 在所有单选按钮组外边套一个 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)排序的

}

2. 使用 radio-group 的 bindchange,设置值时用 data-index 确定位置。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。