获取状态为已选中和未选中的所有复选框的列表
Get list of all checkboxes with checked and unchecked status
我有以下代码,显示图像及其复选框。是启用还是禁用
if($ring["status"] != '1')
echo '<td><input type="checkbox" name="ringIds[]" value="'.$ring["id"].'">'
. '<input type="image" onClick="openGalleryRing('''.$ring['imagePath'].''', '''.$ring['id'].''');" src="http://thevowapp.com/iphoneapp/vowstore/rings/'. $ring['imagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:200px; height:200px; margin-left: 10px;"></td>';
else
echo '<td><input type="checkbox" checked="checked" name="ringIds[]" value="'.$ring["id"].'">'
. '<input type="image" onClick="openGalleryRing('''.$ring['imagePath'].''', '''.$ring['id'].''');" src="http://thevowapp.com/iphoneapp/vowstore/rings/'. $ring['imagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:200px; height:200px; margin-left: 10px;"></td>';
在我的javascript中,我使用类似
的东西$('.updateBtn').on('click', function()
{
var checked = $('input[name="ringIds[]"]:checked').serialize();
if(checked !== '')
window.location.href = 'actions.php?j=24&' + checked;
else
alert('No Rings are selected');
});
这是有效的,我可以得到所有选中的复选框,但我实际上想要的是得到所有的复选框列表,哪些是选中的,哪些不是。我如何修改这段代码?
注意:只有"成功的控件"被序列化为字符串。没有提交按钮值被序列化,因为表单没有提交使用按钮。元素中包含的表单元素的值序列化字符串时,元素必须具有name属性。从的值复选框和单选按钮(输入类型为"radio"或"checkbox")仅在选中时才包含。数据从文件选择元素
因此,无论您是否包含伪选择器:checked
, .serialize()
将只返回已选中的复选框。
您可能需要使用.each()
或.map()
来获取未选中的复选框。
var unchecked = "";
$('input[name="ringIds[]"]').not(':checked').each(function() {
unchecked += (unchecked.length ? '&' + '') + this.name + '=' + this.value;
});
或:
var unchecked = $('input[name="ringIds[]"]').not(':checked').map(function(i,v) {
return this.name + '=' + this.value;
})
.get().join('&');
这是你要找的代码:
$('.updateBtn').on('click', function()
{
var check_boxes = $('input[name="ringIds[]"]').serialize();
// Try below line to see all checkboxes
console.log(check_boxes);
});
相关文章:
- 如何保持引导程序下拉复选框列表下拉
- (取消)使用单独的复选框激活复选框列表
- 基于所选下拉列表值创建动态复选框
- 从下拉列表中获取选定的复选框
- 选中复选框时如何显示/隐藏下拉列表
- 复选框列表在Knockout JS中不起作用
- 在本地存储中选中复选框,但在加载时也要筛选列表
- 如何创建至少 1 个框处于活动状态的复选框列表
- 如何将从谷歌自定义搜索API获取的数据放入复选框列表
- 检查多个复选框列表与单击一个按钮
- 选中基于下拉列表的复选框
- 使用 JQuery 复选框筛选项目列表
- Angular 2:用HTTP响应填充复选框列表
- 使用复选框列表中的jquery附加文本
- 如何将复选框转换为下拉列表
- 根据MVC列表框和复选框的值更改标记元素
- 如何部分隐藏asp.net复选框列表项
- 待办事项列表复选框编号逻辑
- 在jquery中未激发列表复选框更改事件
- Javascript /jquery-如何确定列表/复选框是否允许选择多个值