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

时间:2016-03-11 23:08:42

标签: javascript jquery checkbox textbox

我找到了以下帖子(textbox must not be empty if checkbox is ticked),它与我想要对我的页面做什么有关。但是,如果动态生成复选框和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.")
  });
});

1 个答案:

答案 0 :(得分:1)

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

复选框的一个简单解决方案就是使用带有:checkbox循环的.each()选择器。这样,您就可以使用页面上的每个复选框执行任何操作。

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

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

找到它们

jQuery可以通过大量不同的方式处理您的情况,因此如果您有更具体的方案,请进行一些研究或发布一些代码示例。

相关问题