如果选中了相应的复选框,则验证文本框

Validate textbox if corresponding checkbox is checked

本文关键字:验证 文本 复选框 如果      更新时间:2023-09-26

我发现了以下帖子(如果勾选复选框,文本框不得为空),它与我想对我的页面做什么有关。但是,如果复选框和 texbox 是动态生成的,因此您不知道将出现的最终数字,您如何做到这一点?有时我有 3 个复选框和文本框对,有时我有 25 个或更多。如何使用jquery完成此操作?

我在 https://jsfiddle.net/v2vzs3ew/用html和jquery的代码创建了这个小提琴。在阅读了相当多关于jquery的内容并查看了许多不同的示例之后,我想出了这个,但不确定为什么它不起作用,至少部分有效。

$(document).ready(function() {
  $("#button").click(function() {
   if ($(".chk").each(":checked") && $(".parcel").val().length <= 0)
    alert("You must input acres for all parcels checked.")
  });
});

有多种方法可以使用 JQuery 抓取所有复选框和文本框。

复选框的一个简单解决方案,在我的头顶上,是使用带有.each()循环的:checkbox选择器。这将允许您对页面上的每个复选框执行任何操作。

$(':checkbox').each(function() {
    //$(this) is your checkbox object
});

有关jQuery选择器的完整列表,您可以在 http://api.jquery.com/category/selectors/

jQuery有很多不同的方式可以处理你的情况,所以如果你有一个更具体的场景,请做一些研究或发布一些代码示例。