Javascript 用于div的多个子级别输入元素的JQuery选择器

我正在尝试选择特定div中的所有输入。该div的子深度为1和2。我能够获得第一级的输入，但无法获得第二级的输入。这是我的密码：-

HTML

我的输出：

用户id=4

这是我的

感谢您的帮助。

您正在使用：

$('.ajax-form :input')

这将获得选中的复选框的值

检查更新

---

在本文中，我将

checked

属性放在一个复选框中，您将在

jquery

代码中获得它的值。因此，为了获得CHIKBOX值，您必须处理检查/未检查事件。

< P>您的代码不工作，因为当您从复选框中加载时，不检查，因此不考虑表单值

加载页面时获取数据时，请尝试以下代码

<div class="col-xs-11 ajax-form"> <input type="hidden" name="user_id" value="4"> <label class="checkbox-inline"><input name="2" type="checkbox" value="Sudo" checked> Sudo</label> <label class="checkbox-inline"><input name="1" type="checkbox" value="Admin" checked> Admin</label> <label class="checkbox-inline"><input name="3" type="checkbox" value="Client" checked> Client</label> </div> <div class=“col-xs-11 ajax表单”> <input type=“hidden”name=“user\u id”value=“4”> <label class=“checkbox inline”><input name=“2”type=“checkbox”value=“Sudo”选中> Sudo</label> <label class=“checkbox inline”><input name=“1”type=“checkbox”value=“Admin”选中> Admin</label> <label class=“checkbox inline”><input name=“3”type=“checkbox”value=“Client”选中>客户</label> </div> 代码不工作的原因：-

1.在您的代码中，当文档准备就绪时，不会选中任何复选框，这就是为什么序列化数据中没有值

解决方案：-将

选中的

属性添加到如下复选框：-

例如：-

$（文档）.ready（函数（）{
var data=$（'.ajax表单：input'）.serialize（）；
控制台日志（数据）；
});

洲户
管理
客户
所以您想选择第一个输入（隐藏的输入），而不是其他输入？？还是你想把它们都买下来？
$('.ajax-form :input')

<div class="col-xs-11 ajax-form">
        <input type="hidden" name="user_id" value="4">
        <label class="checkbox-inline"><input name="2" type="checkbox" value="Sudo" checked> Sudo</label>
        <label class="checkbox-inline"><input name="1" type="checkbox" value="Admin" checked> Admin</label>
        <label class="checkbox-inline"><input name="3" type="checkbox" value="Client" checked> Client</label>
    </div>