Question

我关注了html代码：

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

和一个jquery简单函数：

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

并且不起作用。显然我犯了错误。我尝试使用简单的收音机并绑定'click'，'change'，'mousedown'。 jQuery版本1.7.1

Answer 1

试试这段代码，

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

http://jsfiddle.net/C7sbs/

你可以使用

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

或

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

Answer 2

新值在括号内：

 $("input#text").val(2);

empty删除了孩子，它没有清除价值;没有理由在文本输入上调用它。

Answer 3

这是分配价值的方式：$("input#text").val("2");

Answer 4

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

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

});
</script>

这肯定有用 - 检查小提琴 http://jsfiddle.net/B3dUc/8/

您是否包含对jquery的引用？

Answer 5

尝试：

$(document).ready( function(){

 $("input[type='radio']").click( function(){
     var val = $(this).val();
     $('#text').val(val);
    });
});

发出无线电表单元素的绑定点击事件

5 个答案: