2014-10-02 4 views
-1

Я хочу сделать простой расчет на клик,по щелчку Статистика

Я хочу на каждой кнопке радио значение, как 10,20,30 и если нажата она наиболее подсчитывать это еще не

$('#1').click(function() { 
 
    var first = 10; 
 
    var second = 20; 
 
    var third = 30; 
 
    var total = first + second + third; //If isset.. 
 

 
    $("#total").val(total); // sets the total price input to the quantity * price 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<input type=radio id=1> 
 
<input type=radio id=2> 
 
<input type=radio id=3> 
 
<p /><input id=total></div>

+0

Что, кажется, проблема? Расчет отлично подходит для меня. – Jerodev

+0

Пожалуйста, разместите здесь свой код, а не только скрипку ... – LcSalazar

+0

Вы хотите посчитать это следующим образом. Если нажать кнопку с идентификатором 1, то на входе 10 будет показано, а затем, если нажата кнопка с ID 2 то будет показано 10 + 20 = 30 и так далее. Или вы хотите посчитать так: каждый раз, когда нажимается радиокнопка, будет добавлено 10 + 20 + 30 = 60 и будет показано в текстовом поле (т.е. нажата кнопка «1», будет отображаться значение 60, нажата другая кнопка, значение 120 будет отображаться в текстовом поле и т. Д. – Ashish

ответ

0
jQuery("#1,#2,#3").click(function() { 
    if (jQuery("#1").is(":checked")) { var first = 10; } else { var first = 0; } 
    if (jQuery("#2").is(":checked")) { var second = 20; } else { var second = 0; } 
    if (jQuery("#3").is(":checked")) { var third = 30; } else { var third = 0; } 
    var total = first + second + third; 

    jQuery("#total").val(total); // sets the total price input to the quantity * price 
}); 
+0

Как сделать так, чтобы он учитывался на каждом клике, а не только на 'jQuery ('# 1'). Click (function() {' click on id 1 –

+1

О, никогда не делал ' jQuery (this) .click (function() {'и теперь он работает Спасибо!: D –

+0

@JohnSmith Вы также можете использовать' jQuery («# 1, # 2, # 3») 'вместо' jQuery (this) ' он работает только с радиокнопками –

0

HTML -

<input type=radio id=1> 
<input type=radio id=2> 
<input type=radio id=3> 
<p /><input id=total></div> 

JS код -

URL
var first = 0; 
var second = 0; 
var third = 0; 
$("input:radio").change(function(){ 
    if($(this).attr('id')==1) 
    { 
     first = 10; 
    } 
    if($(this).attr('id')==2) 
    { 
     second = 20; 
    } 
    if($(this).attr('id')==3) 
    { 
     third = 30; 
    } 

    var total = first + second +third; 

    $("#total").val(total); 

}); 

JSFiddle - http://jsfiddle.net/Ashish_developer/rgmyhamz/

+0

Ashish ваш код нуждается в имени для радиовходов ... – NoviceDeveloper

+0

@NoviceDeveloper Я сохранил код HTML-переключателя так же, как и в вопросе. – Ashish

Смежные вопросы