0

我正在 jquery 中准备一个函数，以根据表单中单选按钮的选择来计算变量的值。

这是小提琴

http://jsfiddle.net/GMrPS/

我试图计算javascript变量“calc_value”的值，以根据“rdOptin”单选按钮的选择显示一个值。但我很困惑如何完成这个。

我设置了计算但无法在 jquery 中实现它。

<form id="form1" name="form1" method="post" action="form1.php">
    <b> Option 1:</b>
    <input type="radio" name="rdOptin" value="norm" checked="checked" />Normal
    <input type="radio" name="rdOptin" value="exp" />Expert
    <br />
    <b>Calculated Value:</b>
    <div class="valueDisp">
        <div id="calc_value">
        </div>
    </div>

JS：

var var1 = 50;
var var2 = var1 * 5 / 100;
var var3 = 20;

if (rdOptin == norm)
    var calc_value = var1 + var2;

else if (rdOptin == exp)
    var calc_value = var1 + var2 + var3;

帮助需要的朋友。

提前非常感谢。

4

5 回答 5

2

Try this

$(function(){
    $("input:radio[name=rdOptin]").click(function() {

    var var1 = 50;
    var var2 = var1 * 5 / 100;
    var var3 = 20;
    var calcvalue=0;

    if ($(this).val() == "norm")
        calcvalue= var1 + var2;

    else if ($(this).val() == "exp")
      calcvalue = var1 + var2 + var3;
        alert(calcvalue);

    });    
});

Demo

于 2013-07-23T12:37:58.150 回答
1

HTML 

<form id="form1" name="form1" method="post" action="form1.php"> <b> Option 1:</b>
             <input type="radio" name="rdOptin" value="norm"   />Normal
            <input type="radio" name="rdOptin" value="exp" id="rb2" />Expert
        <br />
        <b>Calculated Value:</b>
        <div class="valueDisp">
            <div id="calc_value">
            </div>
        </div>

jQuery

$('input[name=rdOptin]').click(function(){
    var selected=$(this).val();
    var var1 = 50;
    var var2 = var1 * 5 / 100;
    var var3 = 20;
    if (selected == 'norm'){
        $("#calc_value").html(var1 + var2);}
    else {
        $("#calc_value").html(var1 + var2 + var3);}

});

演示http://jsfiddle.net/GMrPS/6/

于 2013-07-23T12:44:44.983 回答
1

好像我完成演示有点晚了......但这也可以：

$("[name=rdOptin]").click(function(event){

    var rdOptin = $("input[name=rdOptin]:checked").val();

    if (rdOptin == "norm")
        var calc_value = var1 + var2;

    else if (rdOptin == "exp")
        var calc_value = var1 + var2 + var3;

    $("#calc_value").text(calc_value);

});

http://jsfiddle.net/GMrPS/7/

于 2013-07-23T12:53:20.597 回答
1

您可以像这样使用它来呈现价值

$(document).ready(function(){
    var var1 = 50;
    var var2 = var1 * 5 / 100;
    var var3 = 20;

    $('[value="norm"]').on('click',function(){
    var calc_value = var1 + var2;
        $('#calc_value').text(calc_value);
    });
    $('[value="exp"]').on('click',function(){

    var calc_value = var1 + var2 + var3;
           $('#calc_value').text(calc_value);
    });
});

工作演示在这里

于 2013-07-23T12:36:29.940 回答
1

You can use this code:

var var1 = 50;
var var2 = var1 * 5 / 100;
var var3 = 20;

if ($("input:radio[name=rdOptin]:checked").val() == "norm")
    $("div#calc_value").text(var1 + var2);
else if ($("input:radio[name=rdOptin]:checked").val() == "exp")
    $("div#calc_value").text(var1 + var2 + var3);
于 2013-07-23T12:37:10.317 回答