jquery检查是否选中了asp复选框

时间:2012-07-13 20:31:55

标签: javascript jquery asp.net

大家好,我有一个复选框,我想在回发之前检查它是否在客户端检查或不检查。 这是复选框:

 <asp:CheckBox runat="server" CssClass="checkbox" Checked="true" ID="checkboxRules" />

提前致谢,Laziale

更新: 问题是页面上还有一个由js代码触发的按钮,也许我可以在那里添加一行来检查单击按钮后是否选中了复选框,否则显示未选中复选框的消息:

function enterClick(){         $( '#提交')点击()。     }

var ishown = false;
$(document).ready(function () {
    $('#BUTTON').click(function (e) {

//我想把复选框逻辑放在这里

再次感谢

5 个答案:

答案 0 :(得分:9)

尝试...

if ($('#<%= checkboxRules.ClientID %>').is(':checked')) {
...
}

答案 1 :(得分:2)

假设您的复选框是页面上唯一具有复选框类的项目:

var checked = $(".checkbox").is(':checked')

答案 2 :(得分:2)

由于它是服务器端的复选框,因此在ASP.NET处理控件后,它会向客户端发送类似<input type="checkbox" class="checkbox" />的HTML。

复选框的id不会像您在源代码中那样使用checkboxRules。 ASP.NET将连接服务器端表单id +主页面id(如果使用母版页)+ checkboxRules,所以在这种情况下我不会使用依赖于元素id的选择器。

我们可以使jQuery选择器尽可能窄,只选择类型为“checkbox”且CSS类为“checkbox”的输入。

$('input[type=checkbox] .checkbox').attr('checked')

将返回输入检查状态的布尔值。这将在页面上找到任何与CSS类相关的复选框。

答案 3 :(得分:0)

在您的复选框中添加数据属性并使用&#39; hasClass&#39;函数jQuery提供。如下所示:

&#13;
&#13;
var isChecked = $('[data-checkbox]').hasClass('checkbox-selected');
&#13;
<asp:CheckBox data-checkbox="" Text="Some Caption" runat="server" />
&#13;
&#13;
&#13;

答案 4 :(得分:0)

if($("[id$='checkbox_ID']").prop('checked')) //Result: true or false
{
 // your code here
}