Question

我需要一个可以在字段中插入属性的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>

字段代码：

<table><tr><td>

<p>
Credit/Debit Card<lable  style="margin-right:1px;"></lable><input type="radio" name="sel" id="sel"  value="CreditCard" />
</p> 
<p>
Paypal<input type="radio" id="sel"  name="sel" value="Paypal"   />
</p>
<p>
Wire Transfer<input type="radio" id="sel"  name="sel" value="WireTransfer"  />
</p>
<!====================================================================================>
</td><td>
<!====================================================================================>
<div id="selCreditCard" class="desc">

<label for="card"><strong>Card Number<font color=red size=3> *</font></strong></label>
        <input name="card"   type="text"  id="card" value=""  style="width:85px;" />  
</div>
<!====================================================================================>
<div id="selPaypal" class="desc" style="display: none;margin-left:20px;margin-top:1px;margin-bottom:1px;">
    paypal
</div>
<!====================================================================================>
<div id="selWireTransfer" class="desc" style="display: none;margin-left:20px;margin-top:0px;margin-bottom:-5px;">

Transfer

</div>
<!====================================================================================>
</td></tr></table>

这是需要插入“card”输入字段的属性：

class="validate[custom[card]] text-input"

当用户选择值为CreditCard的广播时，该属性将被插入到输入字段中，当用户取消选择值为CreditCard的广播时，该属性将被删除。 / p>

小提琴的链接： FIDDLE

Answer 1

电传，你的代码中有很多错误的东西，不幸的是我现在没有时间解释。

但我会在这里为您留下一份正常的代码：http://jsfiddle.net/RASG/DSrLS/

只需点击“信用卡/借记卡”，类nowitsadded就会被添加到输入字段，该字段将变为红色。

<强> 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>

<强> JS

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

<强> CSS

.nowitsadded {background-color: red}

用户选择收音机时，将属性插入输入字段

1 个答案: