JavaScriptの2つ以上のラジオボタンのcoiceを確認します

Question

私は3つのラジオボタンの1つが私のHTMLフォームで選択されているかどうかを確認するためにいくつかのjを取得しようとしていますが、

現在、私は

<label for="ctype"> Select Card Type:</label> 
 
     <br> 
 
     <label for="visa">Visa</label> 
 
     <input type="radio" name="ctype" id="visa" value="visa" ></input><br> 
 
     <label for="mastercard">Master Card</label> 
 
     <input type="radio" name="ctype" id="mastercard" value="mastercard"></input><br> 
 
     <label for="amex">American Express</label> 
 
     <input type="radio" name="ctype" id="amex" value="amex"></input>

\t if (document.forms[0].visa.checked == true){ 
 
\t } 
 
\t else if (document.forms[0].mastercard.checked == true){ 
 
\t } 
 
\t else if (document.forms[0].amex.checked == true){ 
 
\t } 
 
\t else { 
 
\t \t alert("Please select a credit card type."); 
 
\t \t return false; 
 
\t }

を使用している私はまたのdocument.getElementById（ビザ/マスター/ AMEX）でそれを実行してみましたチェックされていたが運がなかった。

残念ながら、必要なhtmlはjsの検証でなければならないため、使用することはできません。

Answer 1

JavaScript比較演算子は、==の代わりに===です。

Answer 2

IDのあるmyFormとフォームの選択のctype項目の値が取得する：

$('input[name=radioName]:checked', '#myForm').val() 

ここ例です：

$('#myForm input').on('change', function() { 
    alert($('input[name=ctype]:checked', '#myForm').val()); 
}); 

<form id="myForm"> 
<input type="radio" name="ctype" value="1" /> 1 <br /> 
<input type="radio" name="ctype" value="2" /> 2 <br /> 
<input type="radio" name="ctype" value="3" /> 3 <br /> 
</form> 

Answer 3

// alert(document.querySelector('input[type="radio"]:checked').outerHTML); 
 
if (document.querySelector('input[type="radio"]:checked')==undefined){ 
 
\t \t alert("Please select a credit card type."); 
 
//  return false; 
 
\t }

<label for="ctype"> Select Card Type:</label> 
 
     <br> 
 
     <label for="visa">Visa</label> 
 
     <input type="radio" name="ctype" id="visa" value="visa" checked="true" ></input><br> 
 
     <label for="mastercard">Master Card</label> 
 
     <input type="radio" name="ctype" id="mastercard" value="mastercard"></input><br> 
 
     <label for="amex">American Express</label> 
 
     <input type="radio" name="ctype" id="amex" value="amex"></input>