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

Question

大家好，我有一个复选框，我想在回发发生之前在客户端检查它是否已选中。 这是复选框：

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

提前致谢， 拉齐亚莱

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

函数 enterClick() { $('#SUBMIT').click(); }

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

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

再次感谢

Answer 1

尝试...

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

Answer 2

由于它是一个服务器端 Checkbox，它会在 ASP.NET 处理控件后将类似<input type="checkbox" class="checkbox" />的内容作为 HTML 发送到客户端。

复选框的 id 不会像您在源代码中那样成为 checkboxRules 。 ASP.NET 将连接服务器端表单 ID + 母版页 ID（如果使用母版页）+ checkboxRules，因此在这种情况下我不会使用依赖于元素 ID 的选择器。

我们可以使 jQuery 选择器尽可能窄，以仅选择具有“复选框”类型和 CSS 类“复选框”的输入。

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

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

Answer 3

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

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

Answer 4

将数据属性添加到您的复选框并使用 jQuery 提供的“hasClass”函数。 像下面这样：

 var isChecked = $('[data-checkbox]').hasClass('checkbox-selected');

 <asp:CheckBox data-checkbox="" Text="Some Caption" runat="server" />

Answer 5

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