いくつかの機能を追加しなければならない古い Web プロジェクトがあり、その多くはプレーンな JavaScript を使用して行われました。
jQuery を使い始めたかったので、次の簡単なテストを作成しました。
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Radiotest</title>
<script src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myButton').on('click', function() {
alert("Test");
alert($('input[name=Test]:checked', '#myForm').val());
});
});
</script>
</head>
<body>
<div id="result"></div><br/>
<form id="myForm">
<input type="radio" name="Test" value="1"> 1<br>
<input type="radio" name="Test" value="2"> 2<br>
<input type="radio" name="Test" value="3"> 3<br>
<input type="button" id="myButton" value="Check">
</form>
</body>
</html>
残念ながら、ラジオ要素を選択した後にボタンをクリックすると、関数が呼び出されないか、少なくともアラートが表示されません。
エラーを見つけるのを手伝ってくれませんか。ありがとうございました。