Question

所以我有这个：

<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">

基本上我希望能够根据选择的单选按钮来做一些代码，我该怎么做？

谢谢！

Answer 1

      <script>
 function CalculatePrice()
{

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


 }


      </script>

Answer 2

为每个输入提供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);
}

Answer 3

您可以使用jQuery。只需为单选按钮添加class属性，您就可以使用此基本脚本了：

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

Javascript从单选按钮获取信息

3 个答案: