在同一页面上的表中显示复选框和表单数据
Display checkbox and form data in a table on the same page
jsfield - http://jsfiddle.net/yeyene/S4FT7/
我修改了上面的jsfiddle示例,以便在同一页面上获取表的复选框值。问题是它给了我所有的复选框值,甚至没有选择。谁来帮我解决这个问题。由于
$(document).ready(function(){
$('#submit').on('click',function(){
var st = '';
$('#myForm input[type=text],input[type=password],select,input[type=checkbox]').each(function(){
st = st+ '<td>'+$(this).val()+'</td>';
$(this).val('');
});
$('#details').append('<tr>'+st+'</tr>');
});
});
change input[type=checkbox]
to input[type=checkbox]:checked
试试这个:-
$(document).ready(function(){
$('#submit').on('click',function(){
var st = '';
$('#myForm input[type=text],input[type=password],select,input[type=checkbox]:checked').each(function(){
st = st+ '<td>'+$(this).val()+'</td>';
$(this).val('');
});
alert(st);
$('#details').append('<tr>'+st+'</tr>');
});
});
演示我调整了一些代码,使它更简单。
$(':input')可以得到任何输入,包括你的select。
如果它是复选框,你必须添加$('input[type="checkbox"]:checked')来获得你选择的值。
$(document).ready(function(){
$('#submit').on('click',function(){
var st = '';
$(':input[type!="button"]').each(function(){
if(this.value){
st = st+ '<td>'+$(this).val()+'</td>';
$(this).val('');
}
});
$('#details').append('<tr>'+st+'</tr>');
});
});
JSFIDDLE
相关文章:
- Bootstrap使用复选框显示和隐藏id
- oncheck复选框显示主干中的数据
- AngularJS过滤器使用ng个重复复选框显示所有页面加载
- 在同一行中为每个复选框显示和隐藏文本字段
- 为每个选中的复选框显示相同的问题集.(PHP和JS/Jquery)
- 我需要有关根据复选框显示和隐藏数据的帮助
- 如何使用复选框显示表单的更多选项并更改表单的操作属性
- 将选中的复选框显示在一个部分中,未选中的复选框显示在另一个部分中
- jQuery / JavaScript 复选框显示多个和单个选择中选中的复选框的数量
- 如何根据选中的复选框显示表行
- 如何为不同的复选框显示不同的下拉列表,然后在选中多个复选框时显示不同的下拉列表
- 让复选框显示某些内容
- 根据复选框显示/隐藏表行
- 根据复选框显示文本框
- 如何使用javascript复选框显示警报消息
- JQuery过滤器复选框显示/隐藏元素
- 正在选中复选框显示名称
- 在Highcharts中使用按钮/复选框显示/隐藏数据的示例
- EXTJS复选框显示为[object object]
- 复选框显示在for循环中,如何在Javascript中获取getElementById