我正在jquery中准备一个函数来根据表单中单选按钮的选择来计算变量的值。
这是小提琴
我试图计算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;
帮助需要的朋友。
提前多多感谢。
答案 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);
});
});
答案 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);}
});
答案 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);
});