检查单行复选框列表

时间:2017-05-11 06:36:57

标签: javascript jquery asp.net

我创建一个表行将自动从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>

2 个答案:

答案 0 :(得分:0)

Jquery解决方案

//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');
    }
});

答案 1 :(得分:0)

使用以下功能可以轻松完成。请注意使用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>