Javascript从单选按钮获取信息

Javascript getting information from radio buttons

本文关键字：信息 获取 单选按钮 Javascript      更新时间：2023-09-26

这里是:

<input type="radio" value="<10"> Less than 10 Bubbles
<br />
<input type="radio" value="10"> 10 Bubbles
<br />
<input type="radio" value="10"> More than 10 Bubbles
<br /><br />
<input type="button" onclick="CalculatePrice()" value="Calculate Price">

基本上，我希望能够根据所选的单选按钮执行一些代码，我该怎么做呢?

谢谢!

      <script>
 function CalculatePrice()
{
If($(#radiobtn1).is(':checked'))
{
  var a=2+1;
  alert(a);
}
 If($(#radiobtn2).is(':checked'))
{
  //some code
}

 }

      </script>

给出每个输入的name:

<input type="radio" name="bubble" value="5"> Less than 10 Bubbles
<br />
<input type="radio" name="bubble" value="10"> 10 Bubbles
<br />
<input type="radio" name="bubble" value="30"> More than 10 Bubbles
<br />
<button onclick="getValues();">Get values</button>

Javascript访问选定按钮的值:

function getValue(n) {
 var i, r = document.getElementsByName(n);
 for (i = 0; i < r.length; i++) {
   if (r[i].checked) return r[i].value;
 }
 return '';
}
function getValues() {
 var g = getValue('bubble');
 alert(g);
}

可以使用jQuery。只要给单选按钮一个class属性，就可以使用这个基本脚本了:

$('.radio-button-class-name').each(function(){
   $(this).click(function(){
      // Do stuff here
   });
});
相关文章：