Question

我在使用以下代码时遇到了一些问题：

<input type="radio" name="subscription" id="subscription" value="yes" checked="checked"  />Yes
<input type="radio" name="subscription" id="subscription" value="no" />No

<div id="sub_yes" style="display:none;background-color:#fff;border:1px solid #ccc">
    [ some code here ]
</div>

现在我将jQuery作为

if(jQuery('input[name|="subscription"]').val()=='yes') {
  jQuery('#sub_yes').fadeIn(0, function(){ 
                                 jQuery(this).slideDown('slow','swing');
                                }); 
}

当文档准备就绪时，jQuery会检查“subscription”的值，如果是，那么它应该显示名为“sub_yes”的div，但是这段代码不起作用。

请帮忙

Answer 1

您只是检查订阅单选按钮的值。还应该有一个点击事件检查器，这样每当你点击单选按钮时，它应该检查值并做出相应的反应。

jQuery('input[name|="subscription"]').click(function(){
if(jQuery('input[name|="subscription"]').val()=='yes') {
  jQuery('#sub_yes').fadeIn(0, function(){ 
                                 jQuery(this).slideDown('slow','swing');
                                }); 
}
});

希望这能解决问题

Answer 2

找到了解决方案：

我添加了：已检查

jQuery('input[name|="subscription"]:checked').val()=='yes'

全部谢谢

Answer 3

    <input type="radio" name="subscription" id="subscription" value="yes" checked="checked"  />Yes
    <input type="radio" name="subscription2" id="subscription2" value="no" />No

    <div id="sub_yes" style="display:none;background-color:#fff;border:1px solid #ccc">
        [ some code here ]
    </div>


    $(document).ready(function(){

    $('input[type="radio"]').each(function(){
    var val=$(this).val();
    if(val=="yes"){
    $('#sub_yes').fadeIn(0, function(){ 
                                     $(this).slideDown('slow','swing');
                                    }); 
    return;
    }

    });



});

希望有所帮助

修改而不是显示：没有你可以使用

$("#sub_yes").hide();

在文档就绪并显示div你可以使用.show()

div没有露面

3 个答案: