微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 为什么我不能按名称选择表单元素并使用它们的值来设置jQuery变量

我正在尝试选择一组单选按钮的值并使用它来设置变量.这个想法是每次改变单选按钮时变量都会改变.

出于某种原因,这似乎不起作用,我不知道为什么.变量似乎没有从最初定义的’0’改变.按下黄色按钮时,变量应显示在警告框中.

我已经整理了我想要实现的简化版本 – 见下文.

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 var paytype = 0;

 $("input [name = paytype]").change(function(){
  var paytype = $(this).val();
  });

 $("#button").click(function(){
  alert ( paytype );
  });
 });
</script>

</head>
<body>
<form id="enrolmentform" action="thanks.PHP">

<input type="radio" name="paytype" id="bacs" value="Bank Transfer" />
<label for="bacs">Bank Payment/BACS Transfer</label>
<input type="radio" name="paytype" id="cheque" value="Cheque" />
<label for="cheque">Cheque</label>
<input type="radio" name="paytype" id="card" value="Card" />
<label for="card">Card</label>

<div style="width:45px; height: 20px; background-color: yellow; border: thin solid black; margin-top: 20px;"><a href="#" id="button">Button</a></div>
</form>

</body>
</html>

任何帮助非常感谢.

谢谢!

解决方法:

请试试这个

$("input:radio[name='paytype']").change(function(){
 paytype = $(this).val();
});  

Fiddle link

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐