Question

在我的项目中，我在for循环中创建了一些复选框：

for(int i=0; i<10; i++)
{
        {<input type="checkbox" name="check"/> @i<br>}
}

我还有一个名为“删除”的按钮，它应该删除所选项目：

<input type="button" id="DelButton" disabled value="Delete" />

现在按钮将始终被禁用，但我想知道如果选中一个或多个复选框，它将如何启用。

Answer 1

您可以这样执行JQuery代码：

  $('.checkbox_class').change(function() {
    if ($('.checkbox_class:checked').length > 0) {
        $('#DelButton').prop('disabled', false);
    } else {
        $('#DelButton').prop('disabled', true);
    }
});

Html代码：

   <input type="checkbox" class="checkbox_class" />
<input type="checkbox" class="checkbox_class" />


<input type="button" id="DelButton" disabled  value="Delete" />

我希望能帮助你。

现场演示：http://jsfiddle.net/CdwpA/1656/

Answer 2

你必须发起一个事件

类似的东西：

‘MSS’

Answer 3

虽然你没有明确提到使用jQuery，但默认情况下它确实附带了ASP.NET MVC。所以这里......

首先，响应复选框的更改事件：

$('input[type="checkbox"]').change(function() {
    // respond to change
});

只要页面上的任何复选框改变其状态，就会调用此方法。然后在这个事件处理程序中你想知道的是，如果选中了任何复选框，对吧？为此你可以选择所有已检查的，看看是否有。像这样：

if ($('input[type="checkbox"]:checked').length > 0) {
    // at least one is checked
}

然后在你的if / else结构中你只想启用/禁用按钮。这看起来像这样：

$('#DelButton').prop('disabled', false);

总而言之，你可能会有这样的事情：

$('input[type="checkbox"]').change(function() {
    if ($('input[type="checkbox"]:checked').length > 0) {
        $('#DelButton').prop('disabled', false);
    } else {
        $('#DelButton').prop('disabled', true);
    }
});

Example

如果在ASP.NET mvc中选中了复选框，则启用“启用”按钮

3 个答案: