html中如何用radio实现多选，如图所示，望大家帮忙
因为老师嵌入式项目的需要，需要用浏览器远程控制继电器。要实现的界面如上图所示，功能是：可以单选，可以多选，但是不能同时选择同一个继电器的开和关，之后选中的继电器在按下控制...
因为老师嵌入式项目的需要，需要用浏览器远程控制继电器。要实现的界面如上图所示，功能是：可以单选，可以多选，但是不能同时选择同一个继电器的开和关，之后选中的继电器在按下控制按钮之后状态要随之改变，变为闭合或者打开。要用html代码实现，本人html基础为0，望大家帮忙，方法可行的话财富值倾囊给出，谢谢大家
能否将控制按钮的类型同时设置为“button”，和“submit” ？因为项目需要在点击控制按钮后向单片机提交数据从而来控制继电器，所以希望是这个按钮用“button”类型来运行脚本，本地实现继电器状态转换，同时用“submit”类型来向单片机传递数值，控制继电器的吸合。比如说用一个字节的前4位来表示四个继电器，如果选中第 1 、3 个继电器，那么点击“submit”类型按钮，提交0x00000101，如果选中 1 23 继电器，那么提交0x00000111，如果四个都选中，那么就提交0x00001111，依次类推 展开
能否将控制按钮的类型同时设置为“button”，和“submit” ？因为项目需要在点击控制按钮后向单片机提交数据从而来控制继电器，所以希望是这个按钮用“button”类型来运行脚本，本地实现继电器状态转换，同时用“submit”类型来向单片机传递数值，控制继电器的吸合。比如说用一个字节的前4位来表示四个继电器，如果选中第 1 、3 个继电器，那么点击“submit”类型按钮，提交0x00000101，如果选中 1 23 继电器，那么提交0x00000111，如果四个都选中，那么就提交0x00001111，依次类推 展开
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script>
function dianji(){
var ra1=document.getElementsByName("radio1");
for(var i=0; i<ra1.length; i ++){
if(ra1[i].checked){
document.getElementById("status1").innerHTML=ra1[i].value;
}
}
var ra2=document.getElementsByName("radio2");
for(var i=0; i<ra2.length; i ++){
if(ra2[i].checked){
document.getElementById("status2").innerHTML=ra2[i].value;
}
}
var ra3=document.getElementsByName("radio3");
for(var i=0; i<ra3.length; i ++){
if(ra3[i].checked){
document.getElementById("status3").innerHTML=ra3[i].value;
}
}
var ra4=document.getElementsByName("radio4");
for(var i=0; i<ra4.length; i ++){
if(ra4[i].checked){
document.getElementById("status4").innerHTML=ra4[i].value;
}
}
}
</script>
<body>
<table width="487" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" align="center" id="status1">状态1</td>
<td width="100" align="center" id="status2">状态2</td>
<td width="100" align="center" id="status3">状态3</td>
<td width="100" align="center" id="status4">状态4</td>
</tr>
<tr>
<td align="center">继电器1
<input type="radio" name="radio1" value="开" />
开</td>
<td align="center">继电器2
<input type="radio" name="radio2" value="开" />
开</td>
<td align="center">继电器3
<input type="radio" name="radio3" value="开" />
开</td>
<td align="center">继电器4
<input type="radio" name="radio4" value="开" />
开</td>
</tr>
<tr>
<td align="center">继电器1
<input type="radio" name="radio1" value="关" />
关</td>
<td align="center">继电器2
<input type="radio" name="radio2" value="关" />
关</td>
<td align="center">继电器3
<input type="radio" name="radio3" value="关" />
关</td>
<td align="center">继电器4
<input type="radio" name="radio4" value="关" />
关</td>
</tr>
<tr>
<td colspan="4" align="center">
<input type="button" value="控制" onclick="dianji()"/>
</td>
</tr>
</table>
</body>
</html>
更多追问追答
追问
如何用浏览器打开这段程序，我想看一下效果~能否把用浏览器可以打开的文件发给我呢？
追答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主的意思如果选中第 1 、3 个继电器，那么点击“submit”类型按钮，提交0x00000101，
那么如果第1继电器选关闭，第三继电器选开，其他俩不选，传递参数怎么设置呢？
那么如果第1继电器选关闭，第三继电器选开，其他俩不选，传递参数怎么设置呢？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先 intput的 type属性为 radio
同组状态 name相同
同组状态 name相同
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
