Javascript 如何确保所有文本字段&;是否在表单中选择单选按钮?

Javascript 如何确保所有文本字段&;是否在表单中选择单选按钮?,javascript,jquery,Javascript,Jquery,我有一个带有文本字段、文本区域和单选按钮的表单。我想确保div中的所有内容都被选中,因此我禁用了submit按钮,直到所有内容都被选中。但我似乎无法让它发挥作用。我有一个jquery函数,当我检查所有必需的输入字段时,它可以工作,但单选按钮不工作。以下是工作原理: $(document).ready(function(){ function checkInputs() { var validInputs = true; $('input').filter('[required

我有一个带有文本字段、文本区域和单选按钮的表单。我想确保div中的所有内容都被选中,因此我禁用了submit按钮,直到所有内容都被选中。但我似乎无法让它发挥作用。我有一个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();

});

如何在此函数中包含单选按钮?

请在
checkInputs()中尝试此操作。

它似乎起作用了,但“if(validInputs){$('#speichen').prop('disabled',false)}”部分不起作用。该按钮无法启用
$('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;
  }
});