我试图根据单选按钮的选择来切换内容DIV。
单选按钮的HTML。
<div class="row-fluid">
<label class="radio">
<input type="radio" name="account" id="yes" value="yes" checked>
Yes, I have an existing account
</label>
<label class="radio">
<input type="radio" name="account" id="no" value="no">
No, I don't have an account
</label>
</div>
内容DIV
<div id="account_contents">
<p>This is account contents.......</p>
</div>
这就是我在jquery中尝试过的方法。
$('#no').bind('change',function(){
$('#account_contents').fadeToggle(!$(this).is(':checked'));
$('#account_contents').find("input").val("");
$('#account_contents').find('select option:first').prop('selected',true);
});
但它对我没有用。在这里,我想仅在用户没有帐户时显示此内容DIV。
有人能告诉我如何解决这个问题吗?
答案 0 :(得分:3)
似乎你需要.on(&#39;更改&#39;)的单选按钮不仅适用于其中一个
$('input[type="radio"][name="account"]').on('change',function(){
var ThisIt = $(this);
if(ThisIt.val() == "yes"){
// when user select yes
$('#account_contents').fadeOut();
}else{
// when user select no
$('#account_contents').fadeIn();
$('#account_contents').find("input").val("");
$('#account_contents').find('select option:first').prop('selected',true);
}
});
答案 1 :(得分:2)
$(document).ready(function(){
$('.radio input[type="radio"]').on("click", function(){
if($('.radio input[type="radio"]:checked').val() === "yes"){
$("#account_contents").slideDown("slow");
}else{
$("#account_contents").slideUp("slow");
}
});
});
答案 2 :(得分:1)