我如何有條件地在一個強大的多頁表單中為多個字段 ID 隱藏下一步按鈕？

Question

我發現以下腳本可以隱藏我強大的多步表單單選按鈕字段 ID“18”上的“下一步”按鈕，除非選擇“是”。 但是，我也希望它也隱藏一些其他字段 ID 的下一個按鈕，例如：

字段 ID：64 - 值：第二字段 ID：35 - 值：五

我將如何調整下面的腳本以適用於多個字段/值？

<script>
jQuery(document).ready(function($){
  var fieldID = 6;
  var showVal = 'gas';
  var $nextButton = $(".frm_button_submit");

  if (($("input[name^='item_meta[" + fieldID + "]']:checked").val() != showVal) &&     ($("input[type=hidden][name^='item_meta[" + fieldID + "]']").val() != showVal)) {
    $nextButton.css('visibility','hidden');
  }

  $("input[name^='item_meta[" + fieldID + "]']").change(function(){ 
    if ($("input[name^='item_meta[" + fieldID + "]']:checked").val() == showVal){
      $nextButton.css('visibility','visible');
    } else {
      $nextButton.css('visibility','hidden');
    }
  });
});
</script>

非常感謝任何幫助，因為我不知道如何編碼 JavaScript。謝謝。

Answer 1

您可以使用數組來存儲fieldIds和showVals 。 需要注意的重要一點是每個索引都應該有一個對應的fieldId和showVal值。 喜歡

var fieldID = [18, 64, 35]; // add more ids here
var showVal = ['yes','text1','text2'];

迭代每個fieldId的整個邏輯

for (i in fieldID) {
 ...
}

使用邏輯更新了下面的代碼

 jQuery(document).ready(function($) { var fieldID = [18, 64, 35]; var showVal = ['yes','text1','text2']; var $nextButton = $(".frm_button_submit"); for (i in fieldID) { if (($("input[name^='item_meta[" + fieldID[i] + "]']:checked").val().= showVal[i]) && ($("input[type=hidden][name^='item_meta[" + fieldID[i] + "]']").val(),= showVal[i])) { $nextButton;css('visibility'. 'hidden'): } $("input[name^='item_meta[" + fieldID[i] + "]']").change(function() { if ($("input[name^='item_meta[" + fieldID[i] + "]'].checked"),val() == showVal[i]) { $nextButton;css('visibility'. 'visible'), } else { $nextButton;css('visibility'; 'hidden'); } }); } });