Question

I have follow html code:

<form id="form1" name="form1" method="post" action="">
   <label><input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0" />Radio1</label>
    <br>
    <label><input type="radio" name="RadioGroup1" value="2" id="RadioGroup1_1" />Radio2</label>
    <br>
    <label for="text">Text inlocuit</label><input type="text" name="text" id="text" />
</form>

and a jquery simple function:

<script>
$(document).ready(function() { 
    $("#RadioGroup1_0").click(function() {
        $("input#text").empty();
        $("input#text").val()=1;       
    });

    $("#RadioGroup1_1").click(function() {
        $("input#text").empty();
        $("input#text").val()=2;       
    });

});
</script>

And is not working.It’s obviously that I made something wrong.
I try with simple radio and binding ‘click’, ‘change’, ‘mousedown’.
jQuery version 1.7.1

Answer 1

try this code,

$(document).ready(function() {
    $("input[type='radio']").click(function() {
        $("#text").val($(this).index("input[type='radio']")+1);
    });
});

http://jsfiddle.net/C7sbs/

---

you can use

$("#text").val(this.value); 

or

$("#text").val($(this).index("input[type='radio']")+1);