javascript - Jquery 操作输入字段

Question

这是我的第一个 JavaScript，但这就是我想要做的:

• 如果 JavaScript 被禁用，则选择 paypal 单选按钮 并隐藏更改为信用卡的选项。

• 如果启用了 javascript，则通过以下方式启用信用卡选项 默认，您也可以选择 Paypal 。

• 如果在 radio 上选择了信用卡选项，则相关 显示字段。

这是我根据网上阅读的信息尝试编写的代码。谁能帮我看看为什么它不起作用？

http://jsfiddle.net/spadez/PceBr/4/

// IF JAVASCRIPT ENABLED...

// select card option by default
$('input:radio[name="creditcard"]').prop("checked", true);
// unhide payment options
$('#paymentchoice').removeClass('hidden');
// unhide card options
$('input:radio[name="creditcard"]').change(
if ($(this).is(':checked') {
    $('#card').removeClass('hidden');
}
});

Answer 1

你可以这样解决:

HTML

我更改了 radio 的名称以将它们分组:

Creditcard <input type="radio" name="payment_method" value="creditcard">
Paypal <input type="radio" name="payment_method" value="paypal" checked>

JavaScript

var options = $('#card');
var method = $('input[name=payment_method]');

method.change(function() {
    if ('creditcard' == $(this).val() ) {
        options.show();
    } else {
        options.hide();
    }
});

$('input[value=creditcard]').prop('checked', true);
options.show();

演示

Try before buy