Javascript计算功能

时间:2013-07-23 12:28:08

标签: javascript html

我正在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;

帮助需要的朋友。

提前多多感谢。

5 个答案:

答案 0 :(得分:2)

试试这个

$(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

答案 1 :(得分: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);
    });
});

正在使用 demo here

答案 2 :(得分:1)

您可以使用此代码:

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);

答案 3 :(得分: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/

答案 4 :(得分: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/