检查单行复选框列表

Question

我创建一个表行将从SQL自动生成数据并由后端代码绑定。这是使用 javascript 检查用户是否单击的一种方式？该行的创建方式如下：

<tr>
    <td align="right" class="formLine">Brand Type:</td>
    <td class="FormLine2" align="left" colspan="7">
        <asp:CheckBoxList ID="chkBrandType" runat="server" RepeatColumns="10" RepeatDirection="Horizontal" RepeatLayout="Flow" BorderWidth="0" />
    </td>
</tr>

Answer 1

Jquery solution

//assuming all your html elemnts and checkboxes are having unique ids
$("#check1").on('click', function(){
    if($(this).is(":checked")){
        alert("checked");
    else {
        alert("unchecked");
    }
}

否则，如果您只想检查是否已单击任何复选框

$('input[type="checkbox"]').change(function(){
    if($(this).is(':checked')){
        alert('checked');
    } else {
        alert('unchecked');
    }
});

Answer 2

这可以通过下面的函数轻松完成。请注意使用 CheckBoxList1.ClientID 获取正确的 ID。此外，您还需要向侦听器添加input，因为 asp.net 将在复选框周围创建一个表。

<script type="text/javascript">
    $(document).ready(function () {
        $("#<%= CheckBoxList1.ClientID %> input").change(function (e) {
            if ($(this).prop("checked")) {
                alert($(this).val());
            }
        });
    });
</script>