jquery Radio input validation

Question

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

How to make: if checked Answer 1, then in var test adds 1 point, if one of other Answers cheked, then adds 0 points?

rickyduck · Accepted Answer · 2011-09-07 10:25:46Z

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>

answered Sep 7, 2011 at 10:25

rickyduck

4,08414 gold badges62 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Naveen Velaga · Accepted Answer · 2011-09-07 10:34:11Z

1

In jquery you can use the following to get the value of a checked radio button

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

U can use this in a button event:

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

answered Sep 7, 2011 at 10:34

Naveen Velaga

6461 gold badge11 silver badges22 bronze badges

Collectives™ on Stack Overflow

jquery Radio input validation

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related