jquery无线电输入验证

时间:2011-09-07 10:21:40

标签: jquery

    <form id="v-1">
        <input type="radio" name="ot-1" value="o-1" /> answer1
        <input type="radio" name="ot-1" value="o-2" /> answer2
        <input type="radio" name="ot-1" value="o-3" /> answer3
        <input type="radio" name="ot-1" value="o-4" /> answer4
    </form>

如何制作:如果选中答案1,那么在var test中加1分,如果其中一个其他答案被罚,那么加0分?

2 个答案:

答案 0 :(得分:5)

<form id="v-1">
    <input type="radio" name="ot-1" value="o-1" /> answer1
    <input type="radio" name="ot-1" value="o-2" /> answer2
    <input type="radio" name="ot-1" value="o-3" /> answer3
    <input type="radio" name="ot-1" value="o-4" /> answer4
</form>

JS:

<script>

    test = 0;
    $('input[name=ot-1]').click(function(){
        if($(this).val()=="o-1"){
            test=test+1;
        }
    });
</script>

答案 1 :(得分:1)

在jquery中,您可以使用以下内容获取已检查单选按钮的值

var value = $("input[@name=ot-1]:checked").val();

你可以在按钮事件中使用它:

$('#submit_button').click(function() {
    var value = $("input[@name=ot-1]:checked").val();
    var test=0;
    if (value == "o-1") {
        test = 1;
    }
});