html怎么让radio排列整洁,html中如何用radio实现多选，如图所示，望大家帮忙

html中如何用radio实现多选，如图所示，望大家帮忙

关注:166  答案:3  mip版

解决时间 2021-02-03 13:01

提问者西伯利亚狼

2021-02-03 04:25

因为老师嵌入式项目的需要，需要用浏览器远程控制继电器。要实现的界面如上图所示，功能是：可以单选，可以多选，但是不能同时选择同一个继电器的开和关，之后选中的继电器在按下控制按钮之后状态要随之改变，变为闭合或者打开。要用html代码实现，本人html基础为0，望大家帮忙，方法可行的话财富值倾囊给出，谢谢大家

能否将控制按钮的类型同时设置为“button”，和“submit” ？因为项目需要在点击控制按钮后向单片机提交数据从而来控制继电器，所以希望是这个按钮用“button”类型来运行脚本，本地实现继电器状态转换，同时用“submit”类型来向单片机传递数值，控制继电器的吸合。比如说用一个字节的前4位来表示四个继电器，如果选中第 1 、3 个继电器，那么点击“submit”类型按钮，提交0x00000101，如果选中 1 23 继电器，那么提交0x00000111，如果四个都选中，那么就提交0x00001111，依次类推

最佳答案

二级知识专家用二逼挥霍青春

2021-02-03 05:01

楼主的意思如果选中第 1 、3 个继电器，那么点击“submit”类型按钮，提交0x00000101，

那么如果第1继电器选关闭，第三继电器选开，其他俩不选，传递参数怎么设置呢？

全部回答

1楼一个人,一辈子

2021-02-03 07:22

首先 intput的 type属性为 radio

同组状态 name相同

2楼你瞎啊撞我心上來

2021-02-03 06:05

无标题文档

function dianji(){

var ra1=document.getElementsByName("radio1");

for(var i=0; i

if(ra1[i].checked){

document.getElementById("status1").innerHTML=ra1[i].value;

}

}

var ra2=document.getElementsByName("radio2");

for(var i=0; i

if(ra2[i].checked){

document.getElementById("status2").innerHTML=ra2[i].value;

}

}

var ra3=document.getElementsByName("radio3");

for(var i=0; i

if(ra3[i].checked){

document.getElementById("status3").innerHTML=ra3[i].value;

}

}

var ra4=document.getElementsByName("radio4");

for(var i=0; i

if(ra4[i].checked){

document.getElementById("status4").innerHTML=ra4[i].value;

}

}

}

状态1	状态2	状态3	状态4
继电器1 开	继电器2 开	继电器3 开	继电器4 开
继电器1 关	继电器2 关	继电器3 关	继电器4 关

我要举报

如以上问答内容为低俗/色情/暴力/不良/侵权的信息，可以点下面链接进行举报，我们会做出相应处理，感谢你的支持！

→点此我要举报以上信息！←

推荐资讯

大家都在看