Question

我想识别嵌套在多个span元素中的checkbox元素，下面是我的代码片段

<asp:Label ID="Label13" runat="server" AssociatedControlID="chk1" CssClass="required" Style="vertical-align : baseline ; margin:0px;" >
   <span style="background : none transparent scroll repeat 0% 0% ; cursor: pointer ; display : inline-block ; margin-right : 8px ; text-align : right ; vertical-align : top ; width : 160px">
                            HI HOW ARE YOU...</span>

<span style="cursor : pointer ; font : 99% sans-serif ; height : 27px ; margin : 0px ; padding-bottom : 0px ; padding-left : 8px ; padding-right : 10px ; padding-top : 7px ; text-align : left ; vertical-align : top ; width : 257px">
<span style="display:inline-block;width:38%;text-align : left; margin : -20px;padding-left : 10px ; padding-right:10px">
                             <asp:CheckBox runat="server" ID="chk1" Text="Yes" Checked="false" /></span>
 <span style="display:inline-block;width:38%;"> <asp:CheckBox runat="server" Checked="false" ID="chk2" Text="No" /></span></span></asp:Label>

因此，我的表单将使用jquery进行汇总，它将找到我在下面提到的所有元素。

$this.find('.required :input, .required select').each(function () {

                var $input = $(this),
                fieldValue = $.trim($input.val()),
    labelText = $input.closest('label').text().replace(o.removeLabelChar, ''),
                        errorMsg = '';

因此，这个find方法将查找所有输入元素。但不幸的是我无法找到我的复选框。请提供一些解决方案。

Answer 1

您的复选框未嵌套到任何“输入”控件或任何“选择”控件中。这就是为什么你的代码找不到它。
要使用$('label span input[type="checkbox"]')

PS：伙计，用你的代码做点什么，看起来......非常糟糕。

如何使用jquery识别嵌套在多个span元素中的checkbox元素

1 个答案: