0

ラジオボタンの 3 つのグループがあり、すべてに適切な名前が付けられています。ユーザーsubmit()が各グループからオプションを選択したかどうかを確認したい。

私はそのようにします:

 $('.form').submit(function(){
      var selectedUser = $('input[name="selectedUser"]').val();
      var searchType = $('input[name="shareType"]').val();
      var selectedSearch = $('input[name="selectedSearch"]').val();
      console.log(selectedUser, searchType, selectedSearch);

      return false; //for testing purposes
    });

問題は、ラジオボタンが選択されていない場合でも、3 つの変数のそれぞれが null 以外の値を返すことです。

重要な事実: 各グループには複数のラジオボタンが含まれており、各ラジオボタンには個別の値があります。

4

1 に答える 1

2

ラジオが選択されているかどうかをテストする必要があります。:checked疑似セレクターを使用してこれを行うことができます。

  var selectedUser = $('input[name="selectedUser"]:checked').val();
  var searchType = $('input[name="shareType"]:checked').val();
  var selectedSearch = $('input[name="selectedSearch"]:checked').val();
  if(selectedUser || searchType || selectedSearch) {
      // At least one selected
  }
  else {
      // None selected
      return false;
  }

これは、実証するフィドルです。

于 2013-10-28T13:01:19.923 に答える