JQuery1.8.2单选按钮不会检查螺旋桨(“已检查”，真)

Question

试图动态设置单选按钮。

这是HTML

    <div class="field-block button-height" name="payment_types" id="payment-types">
        <label class="label"><b>Payment Methods</b></label>
        <div name="payment-type-cc" id="payment-type-cc">
            <input type="radio" name="paymentMethod" id="payment-method-cc" value="paypal" class="radio">
               <label for="payment-method-paypal">Pay with your Credit Card</label>
        </div>
        <div name="payment-type-skip" id="payment-type-skip">
            <input type="radio" name="paymentMethod" id="payment-method-skip" value="skip" class="radio">
                <label for="payment-method-skip">Skip payments for now. Register only.</label>
        </div>
</div>

这是我的jquery台词..。

alert($('input:radio[name=paymentMethod]#payment-method-cc').val());
$('input:radio[name=paymentMethod]#payment-method-cc').prop('checked',true);

警报返回“跳过”，因此我知道我有正确的对象。但是道具没有设置单选按钮。

Answer 1

解决了问题。

我使用的是一个主题，主题添加了额外的UI元素。我只是简单地添加了第二行后的道具调用，它工作得很好。$(‘myobj’).prop(检查，真)；.prop

对于任何可能使用来自主题森林的developr主题的人来说，这一点非常重要。失败的支柱(“选中”，true)实现的效果是复选框确实被设置，但是正在显示的UI对象不显示选中。

当您的代码被检查并检查UI元素(Firefox)时，右键单击对象。您将看到添加了所有附加标记。在我的例子中，在标记的上方有一个span，我可以看到，当选中复选框时，选中的类值是存在的，而在对象没有选中时，没有出现。

因此，在我的代码中，在i $('obj').prop('checked'，true)之后；然后添加代码，.prop，以实现主题的显示复选框。

Answer 2

<div class="field-block button-height" name="payment_types" id="payment-types">
    <label class="label"><b>Payment Methods</b></label>
    <div name="payment-type-cc" id="payment-type-cc">
        <input type="radio" name="paymentMethod" id="payment-method-cc" value="paypal" class="radio" />
           <label for="payment-method-paypal">Pay with your Credit Card</label>
    </div>
    <div name="payment-type-skip" id="payment-type-skip">
        <input type="radio" name="paymentMethod" id="payment-method-skip" value="skip" class="radio" />
            <label for="payment-method-skip">Skip payments for now. Register only.</label>
    </div>

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
//<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

//works with 1.8.2 and 1.10.1

<script>
$(function(){

$("#payment-method-cc").attr('checked', 'checked');

});
</script>