许多研究和尝试但没有成功。我的问题是我想启用我的按钮,以选中可用列表中至少一个复选框。

以下是屏幕:


最初,此按钮是启用的,但我的要求是,应首先将其禁用,如果选中了至少一个复选框,则应将其启用。

在这里,我有一个创建 View ,在其中有一个局部 View ,该局部 View 借助于一种 Controller 方法显示了所有列表 View ,即在我的创建 View 中正在渲染一个显示所有可用列表的 View 。

如果只是在一个 View 中,那么我将很容易做到这一点,因为通过获取复选框的ID并将其传递给一个jquery函数,jquery有很多小玩意儿。我知道我需要检查复选框的计数才能使我的按钮启用/禁用,但是同样,我们没有ASP中的任何更改事件。

同样在单击add时, Controller 方法将触发为:

[HttpPost]
public ActionResult Create(int id, List<MyModel> myModelList)
{
    // code...
}

在这里,一旦我点击添加按钮,就会触发该 Controller 方法,在我的参数(myModelList)中我可以检查哪个复选框被选中。因此,我需要在检查任何复选框上实现此东西,以便添加按钮将单击启用,我将能够添加我的团队。

那么如何实现呢,或者我需要为此做什么呢?
提前致谢。

最佳答案

更新:糟糕。添加了:checked伪类

这就是您可能在jQuery中执行的操作

$('#add_button_id').prop('disabled', true); // To disable initially

$(document).on('click', '.checkbox_class', function(){
  if( $('.checkbox_class:checked').length > 0 ){
    $('#add_button_id').prop('disabled', false);
  }
  else{
    $('#add_button_id').prop('disabled', true);
  }
});

您必须像在HTML代码中一样添加按钮的ID和复选框的类

10-05 20:53
查看更多