如何使用 jQuery 检查 ASP.NET CheckBoxList

大佬教程收集整理的这篇文章主要介绍了如何使用 jQuery 检查 ASP.NET CheckBoxList，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 jQuery 检查 ASP.NET checkBoxList？

我正在使用 ASP.NET checkBoxList 进行多选项目，我在页面加载时在服务器端绑定此 checkBoxList，我有一个输入按钮作为编辑按钮，我想在单击编辑时显示选中的复选框列表项按钮。为此，我正在尝试这样：

复选框

<div ID="checkBoxplant" style="wIDth: 100%; height: 150px; overflow: auto">
<asp:checkBoxList ID="chkPlantsAddNew" CSSClass="MyClass" runat="server">
</asp:checkBoxList></div>

AJAX

   function OnsuccessRecordCall(data,status) {
        result = Record;
        if (result != undefined && result.length > 0) {
            var checkBoxList = $("[ID*=chkPlantsAddNew]");
            checkBoxList.each(function () {
                        if ($(this).val() == $.trim(result.PLANT_CODE_EDIT)) {
                        $(this).prop("checked",truE);
                    }
            });
        }
    }

第一行和第二行的 DOM

<tr>
    <td><input ID="chkPlantsAddNew_0" type="checkBox" name="chkPlantsAddNew$0"><label for="chkPlantsAddNew_0">1001</label></td>
</tr>
<tr>
<td><input ID="chkPlantsAddNew_1" type="checkBox" name="chkPlantsAddNew$1"><label for="chkPlantsAddNew_1">CPP</label></td>
</tr>

在浏览器上调试时，我可以看到 checkBoxList 值没有显示任何值，它只是显示 "" 字符串。为什么这样？我不知道为什么会这样？

请参阅下面的屏幕截图，因为我为该文本选择了第一个 tr 为 1001，值为 0，但在调试时我们得到空字符串，因此我无法检查我的特定项目?

请帮助我哪里做错了？

解决方法

function checkcheckboxWithValue(value) {
  $('input:checkbox + label').filter(':contains("' + value + '")').prev(':checkbox').prop('checked',truE);
}
$('button').on('click',function() {
  var value = $(this).text();
  checkcheckboxWithValue(value);
});

<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input id="chkPlantsAddNew_0" type="checkbox" name="chkPlantsAddNew$0"><label for="chkPlantsAddNew_0">1001</label></td>
  </tr>
  <tr>
    <td><input id="chkPlantsAddNew_1" type="checkbox" name="chkPlantsAddNew$1"><label for="chkPlantsAddNew_1">CPP</label></td>
  </tr>
</table>

<button id="chk1001">1001</button>
<button id="chkCPP">CPP</button>

大佬总结

以上是大佬教程为你收集整理的如何使用 jQuery 检查 ASP.NET CheckBoxList全部内容，希望文章能够帮你解决如何使用 jQuery 检查 ASP.NET CheckBoxList所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。