【问题标题】:How to get radio button to display alert message如何获取单选按钮以显示警报消息
【发布时间】:2014-02-21 06:57:33
【问题描述】:

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

 <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>

How would I get so when any of these radio buttons are selected an alert is displayed to the user saying: "Are you sure you have chosen the correct entry level?"

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

【问题讨论】:

标签: html radio-button alert


【解决方案1】:

你可以这样做:

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

祝你好运!

【讨论】:

  • 谢谢伙计。这太容易了,我不敢相信我没有意识到这样做
【解决方案2】:

假设您有一个名为 #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>

希望这对你有用!

谢谢

【讨论】:

  • 看起来你假设 jQuery 是可用的。也许将其添加到您的答案中?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-10-07
  • 2015-06-04
  • 2015-01-08
  • 1970-01-01
  • 2015-08-16
  • 2015-12-28
  • 2015-07-28
相关资源
最近更新 更多