单选按钮选择不使用jquery更改值

时间:2013-01-28 15:21:06

标签: jquery

我有一组捐赠金额的单选按钮。有一个单选按钮可以停止捐赠,还有一个按钮来处理表格。

这是HTML。我没有列出所有的单选按钮,但你明白了这个想法:

<form id="donationForm">

    <label for="xDollar1" class="amount" style="font-weight:bold;">$1</label>        
    <input type="radio" id="xDollar1" name="xDollar" value="1" <cfif #donation_amount# EQ 1>checked</cfif>>

    <label for="xDollar2" class="amount" style="font-weight:bold;">$2</label>
    <input type="radio" id="xDollar2" name="xDollar" value="2" <cfif #donation_amount# EQ 2>checked</cfif>>

    <cfif donation_amount neq 0>
        <input type="radio" id="xDollar0" name="xDollar" value="0">
    </cfif>

    <input type="button" id="sButton" value="Submit Dollar Energy Fund Donation">

</form>

现在是jquery:

$(document).ready(function(){
    $("input[name=xDollar][type=radio]").change(function(){
    //I have tried both setting a variable and using straight jquery in the following if statement
        if($("input[name=xDollar][type=radio]:checked").val() == 0){
            $("#sButton").val("Stop Donation");
        }
        ...
    }
});

我创造了一个实际工作的小提琴,但在我的网站上,它不是。有什么建议吗?

http://jsfiddle.net/rbmako69/sEedT/6/

0 个答案:

没有答案