更改输入值onclick按钮 – 纯javascript或jQuery
我有两个按钮，如果我点击某个按钮，我需要更改输入文本中的值并更改总价格（产品价格*按钮的值 – 2或4个数量）。
我知道这很简单，但我不擅长javascript或jQuery。 jsfiddle中的答案是最好的。
我的jsfiddle在这里http://jsfiddle.net/J7m7m/1/
我的简单代码：
Product price: $500
Total price: $500
Total 这个案例的另一个简单解决方案是使用jQuery。 请记住，使用内联JavaScript不是一个好习惯。
的jsfiddle
我已经在总价格和按钮上添加了html的ID。 这是jQuery。
$('#two').click(function(){ $('#count').val('2'); $('#total').text('Product price: $1000'); }); $('#four').click(function(){ $('#count').val('4'); $('#total').text('Product price: $2000'); });
使用html5数据属性…
试试这个
HTML
Product price: $500
Total price: $500
Total
JS
$(function(){ $('input:button').click(function () { $('#count').val($(this).data('quantity') * $('#product_price').text()); }); });
在这里小提琴
这是非jQuery的答案。
小提琴： http ： //jsfiddle.net/J7m7m/7/
function changeText(value) { document.getElementById('count').value = 500 * value; }
HTML略有修改：
Product price: $500
Total price: $500
Total
编辑：很明显，这是一种非理想的方式，如下所述（我已经到了）。 所以从本质上讲，这就是你如何在普通的旧javascript中做到这一点。 大多数人会建议你使用jQuery（其他答案有jQuery版本）是有充分理由的。
试试这个（简单的javascript）： –
Product price: $500
Total price: $500
Total
希望对你有帮助..
这对你来说很好
id
我的尝试（ JsFiddle ）
使用Javascript
$(document).ready(function () { $('#buttons input[type=button]').on('click', function () { var qty = $(this).data('quantity'); var price = $('#totalPrice').text(); $('#count').val(price * qty); }); });
HTML
Product price:$500
Total price: $500
Total