[jq-6.html]
html メソッドは要素にhtmlを付与,取得する事ができます.
<form name="radioB">
カナダの首都は?<br>
<input type="radio" name="Q1">オタワ<br>
<input type="radio" name="Q1">トロント<br>
<input type="radio" name="Q1">モントリオール<br>
<br>
スイスの首都は?<br>
<input type="radio" name="Q2">ジュネーブ<br>
<input type="radio" name="Q2">チューリッヒ<br>
<input type="radio" name="Q2">ベルン<br>
<br>
ドイツの首都は?<br>
<input type="radio" name="Q3">ハンブルク<br>
<input type="radio" name="Q3">ブレーメン<br>
<input type="radio" name="Q3">ベルリン<br>
<br>
スペインの首都は?<br>
<input type="radio" name="Q4">バルセロナ<br>
<input type="radio" name="Q4">マドリード<br>
<input type="radio" name="Q4">リスボン<br>
<br>
オーストラリアの首都は?<br>
<input type="radio" name="Q5">シドニー<br>
<input type="radio" name="Q5">メルボルン<br>
<input type="radio" name="Q5">キャンベラ<br>
<br>
<input type="button" value="採点" id="saiten" />
</form>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$('#saiten').click(function (){
var seikai=0; //正解数を入れる変数
//答えの番号を配列に入れる
var trueAns = [0,5,8,10,14];
//正解のラジオボタンがチェックされているか確認
$('[type="radio"]:checked').each(function(index, elem){
if( $('[type="radio"]').eq(trueAns[index]).prop('checked') ){
console.log(index, trueAns[index] );
seikai++;
}
});
alert("あなたは"+seikai*20+"点でした!");
});
</script>
コメントを残す