获取具有选中和未选中状态的所有复选框的列表

穆罕默德·乌玛(Muhammad Umar)

我有以下代码,以显示图像及其复选框。启用或禁用

 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属性。从复选框和单选按钮的值,只有当他们被检查被包括(类型“无线电”或“复选框”的输入)。来自文件选择元素的数据未序列化。

因此,.serialize()无论是否包含伪选择器,都将仅返回选中的复选框:checked

您可能要使用.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('&');

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取所有选中复选框的列表

来自分类Dev

获取已选中和未选中的复选框值

来自分类Dev

如何获取选中和未选中复选框数组的所有值并将其保存到PHP中的数据库

来自分类Dev

如何选中和取消选中div中的所有复选框

来自分类Dev

如何选中和取消选中所有复选框

来自分类Dev

如何将一个复选框添加到listcontrol列标题以选中和取消选中列表项的所有复选框?

来自分类Dev

为什么将具有不确定状态的复选框更改为未选中状态?

来自分类Dev

如何通过选中/取消选中一个复选框来选中和取消选中html表中的所有复选框?

来自分类Dev

选中列表视图中的所有复选框

来自分类Dev

获取div中所有选中复选框的ID

来自分类Dev

获取所有选中的复选框值

来自分类Dev

获取所有选中的复选框 javascript 或 jquery

来自分类Dev

获取具有选中复选框的行的所有<input>数据

来自分类Dev

选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

显示所有选中的复选框

来自分类Dev

选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

带有javascript的Xforms-确定复选框处于选中状态还是未选中状态

来自分类Dev

列表视图 Item.Selected = false 导致所有复选框未选中

来自分类Dev

复选框列表值只说所有未选中?

来自分类Dev

选中/取消选中表中的所有复选框

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中/取消选中jQuery中的所有复选框

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中或取消选中所有启用的复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中和取消选中复选框

Related 相关文章

热门标签

归档