0

フォームのラジオボタンの選択に基づいて変数の値を計算する関数をjqueryで準備していました。

ここにフィドルがあります

http://jsfiddle.net/GMrPS/

「rdOptin」ラジオボタンの選択に基づいて値を表示するために、JavaScript変数「calc_value」の値を計算しようとしていました。しかし、私はこれをどのように終わらせるか混乱しています。

計算を設定しましたが、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

これを試して

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

    });    
});

デモ

于 2013-07-23T12:37:58.150 に答える
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);
于 2013-07-23T12:37:10.317 に答える
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 に答える