东燕西飞 2023-04-12 14:48 采纳率: 88.2%
浏览 33

一个表单有两个单选框怎么办?


 <form  action="#" method="post" >
 
 <div class="form-group">
<label class="col-xs-12">状态1</label>
<div class="col-xs-12">
  <label class="radio-inline" for="example-inline-radio1">
    <input type="radio" name="a" value="off" checked>开
  </label>
  <label class="radio-inline" for="example-inline-radio2">
    <input type="radio" name="a" value="on">关
  </label>
<div class="form-group"> <label class="col-xs-12">状态2</label> <div class="example-box"> <label class="radio-inline" for="example-inline-radio1"> <input type="radio" id="example-inline-radio1" name="b" value="on" checked>开 </label> <label class="radio-inline" for="example-inline-radio2"> <input type="radio" id="example-inline-radio2" name="b" value="off">关 </label>
</form>

一个表单有两个单选框怎么办?这两个动一个另一个也跟着动,但是这两个是控制两个完全独立的数据

2条回答 默认 最新

  • CSDN专家-showbo 2023-04-12 17:57
    关注

    没太明白 “这两个动一个另一个也跟着动”这个是什么意思?状态1开,则状态2变为关闭?状态1关闭则状态2变为开。反过操作状态也是一样的过程,互斥操作? 如果是上面所说的,那么状态2应该设置为关闭的,现在2个都是开了。用下面的代码 ``` window.onload = function () { let as = document.getElementsByName("a"); let bs = document.getElementsByName("b"); Array.from(as).concat(Array.from(bs)).forEach(el => { el.onclick = function () { let target = this.name == 'a' ? bs : as; target[this.value == 'off' ? 1 : 0].checked = true; } }); as[0].onclick();//执行一次代码实现斥 } ```

    评论 编辑记录

报告相同问题?

问题事件

悬赏问题