确定使用javascript检查哪个radiobutton

时间:2014-07-24 18:42:38

标签: javascript jquery html radio-button jradiobutton

大家好,有人可以帮我解决以下问题。

//我已经在javascript中写了这个问题

例如,请参阅http://jsfiddle.net/7Cmwc/3/

 function calculate() 
//If radiobutton with ID box3 is checked do this mybox1*mybox2+5
{
        var myBox1 = document.getElementById('box1').value; 
        var myBox2 = document.getElementById('box2').value;
        var result = document.getElementById('result'); 
        var myResult = myBox1 * myBox2 + 5 ;
        result.value = myResult;
      }

//If radiobutton with ID box4 is checked do this mybox1*mybox2+10
{
        var myBox1 = document.getElementById('box1').value; 
        var myBox2 = document.getElementById('box2').value;
        var result = document.getElementById('result'); 
        var myResult = myBox1 * myBox2 + 10 ;
        result.value = myResult;
      }

//If radiobutton with ID box3 is checked do this mybox1*mybox2+15
{
        var myBox1 = document.getElementById('box1').value; 
        var myBox2 = document.getElementById('box2').value;
        var result = document.getElementById('result'); 
        var myResult = myBox1 * myBox2 + 15 ;
        result.value = myResult;
      }

我也想知道jradiobutton和radiobutton之间的区别是什么?

提前致谢

2 个答案:

答案 0 :(得分:0)

喜欢这个......

function calculate() {
var test = document.getElementsByName("radioGroupName")

                var sizes = test.length;
                alert(sizes);

                for (i = 0; i < sizes; i++) {
                    if (test[i].checked == true) {
                       whichIsCheckedValue = test[i].value;
whichIsChecked = i;

                    }
                }


}

一旦你拥有了,你可以运行你的条件。当然,如果你看看如何做到这一点,还有更好的方法。您应该将自己的条件放在同一个地方,以便识别检查的内容。

答案 1 :(得分:0)

不是说我会这么说,但是这是一个简单的例子,告诉你它是如何在最基本的水平上完成的。

function calculate()  {

    var myBox1 = document.getElementById('box1').value,
        myBox2 = document.getElementById('box2').value,
        myBox3 = document.getElementById('box3').checked,
        myBox4 = document.getElementById('box4').checked,
        myBox5 = document.getElementById('box5').checked,
        result = document.getElementById('result'),
        myResult;

    if ( myBox3 ) {
      myResult = myBox1 * myBox2 + 5 ;
      result.value = myResult;
    }

    else if ( myBox4 ) {    
       myResult = myBox1 * myBox2 + 10 ;
       result.value = myResult;
    }

    else if ( myBox5 ) {
       myResult = myBox1 * myBox2 + 15 ;
       result.value = myResult;
    }
}