我想获得所选的单选按钮,并使用
jquery显示与单选按钮对应的文本.
<div id="Poll"> <div id="PollQuestion">Your favorite color?</div> <ul> <li class="liAnswer"> <input type="radio" value="1" name="Answer" class="clsAnswer"/> <span>Red</span> </li> <li class="liAnswer"> <input type="radio" value="2" name="Answer" class="clsAnswer"/> <span>Blue</span> </li> <li class="liAnswer"> <input type="radio" value="3" name="Answer" class="clsAnswer"/> <span>Green</span> </li> <li class="liAnswer"> <input type="radio" value="4" name="Answer" class="clsAnswer"/> <span>Yellow</span> </li> </ul> <input type="button" value="Submit Vote" id="btnVote"/> </div>
首先,检查是否没有选定的颜色,然后显示所选的颜色和相应的值.
我怎样才能做到这一点?
解决方法
working solution here
$("#btnVote").click(function(){ var selected = $(".clsAnswer:checked"); if(!selected.val()){ alert('No color selected!') } else{ var selectedValue = selected.val(); var selectedname = selected.siblings().text(); alert("Color: " + selectedname + "\r\nValue: " + selectedValue ); } });
解决问题:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。