如何获取单选按钮以显示警报消息

时间:2014-01-29 12:49:28

标签: html radio-button alert

我希望获得一个单选按钮,以便在选择时显示警报,这样用户就可以检查他们是否选择了正确的值。这是我对单选按钮的代码:

 <tr>
     <td><input type="radio" name="level" id="GCSE" value="GCSE">GCSE<br>
    <input type="radio" name="level" id="AS" value="AS">AS<br>
    <input type="radio" name="level" id="A2" value="A2">A2</td>
 </tr>

当选择任何这些单选按钮时,如何向用户显示警告:“您确定选择了正确的入门级别吗?”

请保持答案简单,因为我只学习HTML 3周

2 个答案:

答案 0 :(得分:2)

你可以这样做:

<input type="radio" name="level" id="GCSE" value="GCSE" onclick="alert('test');" />
祝你好运!

答案 1 :(得分:0)

让我们假设您有一个名为#Myform

的表单

然后你的代码将是这样的:

<form id="myForm">
<input type="radio" name="level" id="GCSE" value="GCSE" /> GCSE <br />
<input type="radio" name="level" id="AS" value="AS" /> AS <br />
<input type="radio" name="level"  id="A2" value="A2" /> A2 <br />
</form>

然后,输入一个像这样的标记脚本:

<script>
$('#myForm input').on('change', function() {
   alert("Are you sure you have chosen the correct entry level? +"$('input[name=level]:checked', '#myForm').val()); 
});
</scritp>

希望这适合你!

THX