如何確保在表單內選擇了所有文本字段和單選按鈕？

Question

我有一個帶有文本字段、文本區域和單選按鈕的表單。 我想確保選擇了 div 中的所有內容，因此我禁用了提交按鈕，直到選擇了所有內容。 但我似乎無法讓它工作。 我有一個 jquery 函數，當我檢查所有必需的輸入字段時，它可以工作，但它在單選按鈕上不起作用。 這是有效的：

$(document).ready(function(){
  function checkInputs() {
    var validInputs = true;
    $('input').filter('[required]').each(function() {
      if ($(this).val() === '') {
        validInputs = false;
        return false;
      }
    });

    if(validInputs) {$('#speichern').prop('disabled', false)}
    return validInputs;
  }

  //Enable or disable button based on if inputs are filled or not
  $('input').filter('[required]').on('keyup',function() {
    checkInputs();
  })

  checkInputs();

});

如何在此功能中包含單選按鈕？

Answer 1

在checkInputs()試試這個

$('input').filter('[required]').each(function() {
  var elm = this,
    $elm = $(elm);
  switch (elm.type) {
    case 'text':
      if ($elm.val() === '') {
        validInputs = false;
        return false;
      }
      break;
    case 'radio':
      if (!elm.checked) {
        validInputs = false;
        return false;
      }
      break;
    case 'checkbox':
      // handle checkbox
      break;
    default:
      // handle others
      break;
  }
});