Question

我想知道是否有办法让单选按钮选择另一个单选按钮数据。例如，“全选”单选按钮将选择另一个单选按钮。或者如果调查的问题可以从0到5进行评级，当选择“全选为0”时，所有以下单选按钮都选择为“0”。我觉得有一种简单的方法可以做到这一点，但我不知道它会是什么（可能是javascript？）谢谢！

Answer 1

HTML

<button type='button' onclick='selectAs0()'>Select All As 0</button>

<input type='radio' name='setA' value='0' /> 0
<input type='radio' name='setA' value='1' /> 1

<input type='radio' name='setB' value='0' /> 0
<input type='radio' name='setB' value='1' /> 1

JS

function selectAs0() {
  var ALL = document.getElementsByTagName("INPUT");

  for(var x = 0; x< ALL.length;x++) {
    if(ALL[x].type=='radio' && ALL[x].value == 0) {
      ALL[x].checked = true;
    }
  }
}

此时未经测试，但应该工作。

//编辑

如果您决定使用单选按钮来启动该功能，则相同的概念将会出现工作...

<input type='radio' onclick='selectAs0()' />

...但是你必须添加额外的代码，一旦它被选中，就取消选中。

Answer 2

如果没有为您完成所有工作，基本的想法是将“全部选择0”按钮（或复选框，如ThiefMaster所述），并将onchange属性设置为javascript例程，然后请求document.getElementsByTagName（ “输入”），循环返回列表并设置零值无线电按钮的“已检查”属性。如果有必要，我可以详细说明，但这应该让你开始。

如何使用单选按钮选择另一个单选按钮的值

2 个答案: