有一个按钮收听无线电输入

时间:2016-10-31 14:08:43

标签: javascript html

我有一个使用javascript创建的按钮:

<button id="connectbutton" onclick="start()">Refresh Data</button>

接下来,我也有这些单选按钮:

<input type="radio" name="args" value="Heat">Set thermostat mode to HEAT.<br>
<input type="radio" name="args" value="Off">Set thermostat mode to OFF.<br>
<input type="radio" name="args" value="Cool">Set thermostat mode to COOL.<br>
<input type="radio" name="args" value="REDALERT">Set thermostat mode to RED  ALERT.<br> 
<input type="submit" value="Do it!">

有没有办法让收音机类型听按钮。基本上,如果我选择一种模式,并按下刷新数据,它应该在我为该模式编程的任何内容中进行。

1 个答案:

答案 0 :(得分:1)

在您的开始功能中,您可以执行类似

的操作
var argSelected = document.querySelector('input[name="args"]:checked').value;

或者如果使用jQuery

var argSelected = $('input[name="args"]:checked').val();

然后使用开关选择要为每个选择运行的代码。

switch(argSelected) {
  case Heat:
    /**Do heat thing**/
    break;
  case Off:
    /**Do off thing**/
    break;
  case Cool:
    /**Do cool thing**/
    break;
  case REDALERT:
    /**Do REDALERT thing**/
    break;
  default:
    /**Nothing selected**/
    alert('No radio button selected');
    break;
}
相关问题