1. ホーム
  2. jquery

[解決済み] jqueryでラジオボタンを検証する?

2022-02-18 14:01:49

質問

jQueryを使用して、これらの2つのラジオボタンを検証するにはどうすればよいですか?1つのボタンにチェックを入れる必要があります。

<input type="radio" name="muuttuminen" value="Kylla" /> Kyllä
<input type="radio" name="muuttuminen" value="Ei"/>Ei

通常のテキスト入力フィールドの検証方法は知っているのですが、これについては疑問です。

     $(function() {
        $("#submit").click(function(){
 //validation part
          var dataString = $('#service-test').serialize();
          //alert (dataString);return false;
         $.ajax({
        type: "POST",
        url: "../quiz.php",
        data: dataString,
        dataType: "text",
        error: function(){ alert ('Nyt jotakin meni kyllä pahemman kerran pieleen. Yritä uudelleen?');
     },
        success: 
        function(data) {
     $("#resultcontainer").html(data);
     $("#service-test").hide();

       }

      });
      return false;

        });
      });               

解決方法は?

を使用することができます。 :checked セレクタと length プロパティを使用します。

    $(".submit").click(function() {
       if ($('input[name="muuttuminen"]:checked').length == 0) {
         alert('please...');
         return false; } 
          else {
          $.ajax({
           //...
         })
       }
       return false;
    });