如何使用JQUERY獲取沒有標識或類的複選框onchange的值？

Question

我想提醒複選框的值如果selected.And它將不會有任何ID或類。這是一個有複選框的列表框項目。用戶可以選擇多個複選框。

這裏是我的ASPX代碼

<asp:ListBox ID="ListStoreID" CssClass="multiselect" runat="server" SelectionMode="Multiple" DataSourceID="SqlDataSource3" DataTextField="ID" DataValueField="ID"> 

</asp:ListBox> 
<asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:datareload33 %>" SelectCommand="SELECT [ID] FROM [Store] WHERE ([Inactive] = @Inactive)"> 
    <SelectParameters> 
      <asp:Parameter DefaultValue="false" Name="Inactive" Type="Boolean" /> 
    </SelectParameters> 
</asp:SqlDataSource> 

<script type="text/javascript"> 
    $(function() { 
     $('[id*=ContentPlaceHolder1_ListStoreID]').multiselect({ 
      includeSelectAllOption: false, 
      buttonText: function (options, select) { 
       return 'StoreID'; 
      }, 
      buttonTitle: function (options, select) { 
       var labels = []; 
       options.each(function() { 
        labels.push($(this).text()); 
       }); 
       return labels.join(' - '); 
      } 
     }); 
    }); 
    </script> 

我使用的SqlDataSource把從數據庫列表中。所以它不會有任何id或class。

screanshot

更新

Answer 1

在jQuery中，您可以將事件綁定到元素類型或元素子元素的集合。 我會嘗試以下

$('input[type="checkbox"]').change(function() { 
    if(this.checked){ 
      //alert whatever you need.. probably this.value 
      alert(this.value); 
    } 
}); 

Answer 2

您可以只用它的節點類型中選擇一組項目。看看下面的代碼片段，選擇器將選擇元素中類multiselect-container的所有輸入。然後，您可以將「更改」事件添加到該選擇。

var checkboxes = $(".multiselect-container input"); 
 

 
checkboxes.on("change", function() { 
 

 
    console.log($(this).val() + " --> " + $(this).prop("checked")); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="multiselect-container dropdown-menu"> 
 
    <li> 
 
    <a tabindex="0"> 
 
     <label class="checkbox"> 
 
      <input type="checkbox" value="1001" />1001 
 
     </label> 
 
    </a> 
 
    </li> 
 
    <li> 
 
    <a tabindex="1"> 
 
     <label class="checkbox"> 
 
      <input type="checkbox" value="1201" />1201 
 
     </label> 
 
    </a> 
 
    </li> 
 
    <li> 
 
    <a tabindex="2"> 
 
     <label class="checkbox"> 
 
      <input type="checkbox" value="2001" />2001 
 
     </label> 
 
    </a> 
 
    </li> 
 
    <li> 
 
    <a tabindex="3"> 
 
     <label class="checkbox"> 
 
      <input type="checkbox" value="2200" />2200 
 
     </label> 
 
    </a> 
 
    </li> 
 
    <li> 
 
    <a tabindex="4"> 
 
     <label class="checkbox"> 
 
      <input type="checkbox" value="1004" />1004 
 
     </label> 
 
    </a> 
 
    </li> 
 
</ul>

編輯：

由於您使用的是jQuery插件創建checkboxes，最好是使用jQuery內置的事件代表團創造「的轉變「事件。事情是這樣的：

var container = $(".multiselect-container"); 

container.on("change", "input", function() { 

    console.log($(this).val() + " --> " + $(this).prop("checked")); 

}); 

Answer 3

對於這個引導，多選的jQuery上增加，有一個特定的功能來獲得所選擇的值。

下面是代碼：

<asp:ListBox ID="ListStoreID" CssClass="multiselect records" runat="server" SelectionMode="Multiple" DataSourceID="SqlDataSource3" DataTextField="ID" DataValueField="ID">      
</asp:ListBox> 

<asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:recordsf1534 %>" SelectCommand="SELECT [ID] FROM [Store] WHERE ([Inactive] = @Inactive)"> 
    <SelectParameters> 
     <asp:Parameter DefaultValue="false" Name="Inactive" Type="Boolean" /> 
    </SelectParameters> 
</asp:SqlDataSource> 

<script type="text/javascript"> 
    $(function() { 
     $('[id*=ContentPlaceHolder1_ListStoreID]').multiselect({ 
      includeSelectAllOption: false, 
      buttonText: function (options, select) { 
       return 'StoreID'; 
      }, 
      buttonTitle: function (options, select) { 
       var labels = []; 
       options.each(function() { 
        labels.push($(this).text()); 
       });     
       alert(labels.join(',')); // this alert will bring whenever user select the checkbox 
       return labels.join(' , '); 
      } 
     }); 
    }); 
</script>