Javascript 当用户选择收音机时，在输入字段中插入属性

我需要一个JavaScript，它可以向字段插入属性，并在用户取消选择字段时将其删除

以下是我用于收音机选择的代码：

<script>
$(document).ready(function() {
    $("input[name$='sel']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#sel" + test).show();
    });

    if (test == "CreditCard") {
        $("#card").addClass("validate[custom[card]] text-input");
    } else {
        $("#card).removeClass("validate[custom[card]] text-input");
    }
});
</script>

当用户选择值为

信用卡

的收音机时，该属性将插入到输入字段，当用户取消选择值为

信用卡

的收音机时，该属性将被删除

小提琴的链接：

---

telexper，你的代码中有很多错误的地方，不幸的是我现在没有时间解释

但我会在这里为您留下一个工作代码：

只需单击“信用卡/借记卡”，类

now添加的
将添加到输入字段中，该字段将变为红色

HTML

<input type="radio" id="sel1" name="sel"> Credit/Debit Card

<br>

<input type="radio" id="sel2" name="sel"> Paypal

<br>

<input type="radio" id="sel3" name="sel"> Wire Transfer

<br>
<br>

<div id="selCreditCard" class="desc">
    Card Number <input name="card" type="text" id="card" value="">
</div>

CSS

$('#sel1').click(function() { $('#card').addClass('nowitsadded') })

.nowitsadded {background-color: red}

您似乎正在使用jQuery。您可以使用
.addClass
和
.removeClass
。如何将此类=“验证[自定义[卡片]]文本输入”添加到输入字段我刚才向您演示了如何添加类！将
nowitsadded
替换为您的类名。
$('#sel1').click(function() { $('#card').addClass('nowitsadded') })

.nowitsadded {background-color: red}