驗證文本框，如果相應的複選框被選中

Question

我發現了下面的文章（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.") 
    }); 
}); 

Answer 1

有多種方法可以使用JQuery來抓取所有複選框和文本框。

複選框的一個簡單的解決方案，我的頭頂，將使用:checkbox選擇器與.each()循環。這會讓你用頁面上的每個複選框做你想做的任何事情。

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

對於jQuery選擇的完整列表，你可以在http://api.jquery.com/category/selectors/

發現他們有一噸不同的方式jQuery的可以處理你的情況，所以做一些研究，或發佈一些代碼示例，如果您有一個更具體的場景。