Question

求助jquery复选框 我选择复选框然后把价格相加自动赋值到一个文本框

Answer 1

给那些复选框绑定选择事件onchange，用jQuery去做，如：

$('input [name=check]').change(function(){//假设复选框的html：<input name="check" type="checkbox"/> var ele=this;//当前选择的复选框，把复选框的value值显示在一个div中(<div id="show"></div>) var val=$(ele).val(); var str=$('#show').html();//先获取用显示div的内容，然后把当前复选框内容拼接，再把拼接内容在show中 str+=val;//拼接当前值val $('#show').html(str);//显示 });

Answer 2

<label><input type="checkbox" value="10">苹果</label>
<label><input type="checkbox" value="11">西瓜</label>
<label><input type="checkbox" value="a">橘子</label>
<label><input type="checkbox" value="13">柠檬</label>
<label><input type="checkbox" value="14">香蕉</label>
<label><input type="checkbox" value="15">菠萝</label>
<input type="text" id="result" placeholder="结果"/>
//依赖jquery.js

$('input[type="checkbox"]').click(function(){
var result = 0;
$('input[type="checkbox"]').each(function(){
var me = $(this);
if(me.is(':checked')){
result += parseFloat(me.val()) || 0;
}
});
$('#result').val(result);
});