0 
<asp:CheckBoxList ID="chkList" runat="server" Enabled="false" >
    <asp:ListItem Text="1" Value="1"></asp:ListItem>
    <asp:ListItem Text="2" Value="2"></asp:ListItem>
</asp:CheckBoxList>

<asp:Button ID="btnFoo" runat="server" Text="Test" />

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#<% = btnFoo.ClientID %>').click(function () {
            //var targetValue = 2;
            var items = $('#<% = chkList.ClientID %> input:checkbox');
            for (var i = 0; i < items.length; i++) {
                //alert(i);
                //if (items[i].value == targetValue) {
                    items[i].checked = true;
                    // break;
                //}
            }

            $('#<%= chkList.ClientID%>input:checkbox').removeAttr('disabled');                                                    return false;
        })
    });
</script>

注意：它适用于 Chrome，FF 不适用于 IE

它在 IE8 中没有工作，这是下面的代码。它检查所有复选框，但将它们禁用，请问有什么解决方案吗？

4

4 回答 4

1

每个人的脚本都适用于普通的 HTML 页面。但是，您正在使用按钮控件，除非您明确取消事件，否则它会回发到服务器。

checkAll返回 false 到 onclick 事件，这样它就不会回发到服务器。

在此处输入图像描述

<%@ Page Language="C#" AutoEventWireup="true" 
CodeBehind="WebForm7.aspx.cs" Inherits="WebApplication2010.WebForm7" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList ID="chkList" runat="server" Enabled="False">
            <asp:ListItem Text="1" Value="1"></asp:ListItem>
            <asp:ListItem Text="2" Value="2"></asp:ListItem>
        </asp:CheckBoxList>
        <asp:Button ID="btnFoo" runat="server" Text="Test" 
            OnClientClick="return checkAll();" />
        <script type="text/javascript" language="javascript">
            function checkAll() {
                $('#<% = chkList.ClientID %> :checkbox').each(function () {
                    $(this).prop("checked", "true").prop("disabled",false);
                });
                return false;
            }
        </script>
    </div>
    </form>
</body>
</html>

感谢@Hanlet Escaño。

于 2013-04-05T20:14:26.167 回答
1

尝试使用该prop属性而不是.checked：

$("#btn").on("click",function(){
    $('input:checkbox').each(function(){
     $(this).prop("checked", "true");
    });
});

jsFiddle：http: //jsfiddle.net/hxS7M/1/

编辑：这也将使它们启用。

$("#btn").on("click",function(){
    $('input:checkbox').each(function(){
     $(this).prop("checked", "true").prop("disabled",false);
    });
});

jsfiddle：http: //jsfiddle.net/hxS7M/4/

于 2013-04-05T18:21:04.043 回答
0

要启用它们，请执行此操作

$('#<%= chkList.ClientID%>input:checkbox').prop('disabled', false);
于 2013-04-05T18:42:06.453 回答
0

尝试这个：

$(document).ready(function () {
  $('#btnFoo').click(function () {
     $('#chkList input:checkbox').each(function(i,e) {
        $(e).attr("checked", true);                       
     })
   });
})

于 2013-04-05T18:29:28.123 回答