j查询各种字段添加,带有JSFiddle的可选复选框
jQuery various field addition with optional checkboxes w/ JSFiddle
我用以下内容将页面上的所有内容汇总为总数:http://jsfiddle.net/7wWR6/
<script>
$(document).ready(function() {
$('.newreservation').click(function() {
//get the numbers
var rent = parseFloat($('.rentalcharges').find('#rent').val());
var cleaning = parseFloat($('.rentalcharges').find('#cleaning').val());
var booking = parseFloat($('.rentalcharges').find('#booking').val());
var taxes = parseFloat($('.rentalcharges').find('#taxes').val());
var total = 0;
total = total + (rent+cleaning+booking+taxes);
//set the total
$('.rentalcharges').find('#total').val(total);
console.log('total: ' + total);
});
$('input[type=checkbox]').click(function(){
//get the numbers
var rent = parseFloat($('.rentalcharges').find('#rent').val());
var cleaning = parseFloat($('.rentalcharges').find('#cleaning').val());
var booking = parseFloat($('.rentalcharges').find('#booking').val());
var taxes = parseFloat($('.rentalcharges').find('#taxes').val());
var total = 0;
total = total + (rent+cleaning+booking+taxes);
var checked;
if($('input[type=checkbox]').is(':checked')){
checked = parseFloat($('input[type=checkbox]').val());
total = total + checked;
}else{
total = total - checked;
}
//set the total
$('.rentalcharges').find('#total').val(total);
});
});
</script>
除了复选框之外,它都可以正常工作。他们什么都不做,只是记录总共 0。我该如何解决这个问题?如果需要,我会尝试制作一个 jsfiddle。我只是在字段中使用了很多mySQL,显然不能简单地复制/粘贴。
编辑:我做了一个准系统小提琴,我认为它代表了我的情况:http://jsfiddle.net/7wWR6/
与其执行单击事件,不如尝试这样的更改事件。
$('input[type=checkbox]').change();
此外,当您选择元素时,看起来您不需要 .find()。
取而代之的是这个
$('.rentalcharges').find('#cleaning').val()
你可以这样做
$('#cleaning').val();
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- 使用jquery选中/取消选中单个复选框
- Angular JS Filter-通过3个复选框进行筛选
- 如果选中了多个复选框,如何添加事件
- Javascript复选框函数:;缺少:在属性id之后"
- JavaScript-切换“;全部检查”;复选框true/false
- 如何从javascript/jquery中的复选框中获取布尔值
- 在Ajax中捕获复选框值
- j查询各种字段添加,带有JSFiddle的可选复选框
- JSFiddle中的分组复选框:第1部分
- 如何使此区域映射/复选框与JQuery双向工作?(包括JsFiddle)