我想获得所选的单选按钮,并使用
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 ); } });
解决问题:)