首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >选择asp.net mvc项目中的所有复选框问题

选择asp.net mvc项目中的所有复选框问题
EN

Stack Overflow用户
提问于 2021-04-01 06:05:25
回答 2查看 238关注 0票数 1

在这里,我手动选择这些复选框,然后按下同步按钮,当它正常工作时,我按下“选择所有”按钮,所有复选框都被选中,但不同步。

这是选择所有按钮和函数

代码语言:javascript
代码运行次数:0
运行
复制
<div class="col">
  <label style="padding:10px 0 0 8px">
    <input type="checkbox" class="i-checks" name="input[]" onClick="toggle(this)">
    <span class="ml-2">Select All</span>
   </label>
</div>

这是脚本部件

代码语言:javascript
代码运行次数:0
运行
复制
<script language="JavaScript">
    function toggle(source) {
        checkboxes = document.getElementsByName('foo');
        for (var i = 0, n = checkboxes.length; i < n; i++) {
            checkboxes[i].checked =source.checked;

        }
    }
</script>

这是复选框

代码语言:javascript
代码运行次数:0
运行
复制
<td><input type="checkbox" data-bind="checked:SHTYP_IS_MANUAL_SYNC"
        class="i-checks" name="foo"></td>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-04-01 07:57:55

代码语言:javascript
代码运行次数:0
运行
复制
function toggle(checked) {
  var checkboxes = document.getElementsByName('foo');
     for (var i = 0, n = checkboxes.length; i < n; i++) {
         if (checkboxes[i].checked !=source.checked) {
       checkboxes[i].click();
   }

}}

票数 1
EN

Stack Overflow用户

发布于 2021-04-01 06:37:33

您使用的是当用户单击复选框时发生的单击事件,但我们需要在JavaScript源代码中使用onchange:

代码语言:javascript
代码运行次数:0
运行
复制
$(document).ready(function()
{
  $('.i-checks').change(function() 
  {
    toggle(this)
  });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66899183

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档