0

我有一个值为U

我想在选中复选框时将此值放入文本输入中。

我如何使用 javascript 或 jquery 来做到这一点？我也需要能够在多个复选框上执行此操作并输入文本字段

4

4 回答 4

3

HTML

<input type="checkbox" value="U" id="checkBox"/>

<input type="text" value="" id="textInput" />

查询

$("#checkBox").change(function(){

    $("#textInput").val($(this).val());

});

演示

于 2013-10-23T10:41:24.033 回答
0

尝试这个，

HTML

<label><input type="checkbox" value="U" />Check</label>
<input type="text" />

脚本

$('input[type="checkbox"]').on('click',function(){
   var is_checked=$(this).prop('checked');
   var val='';
   if(is_checked)
     val=this.value;
   $('input[type="text"]').val(val);
});

工作演示

于 2013-10-23T10:38:42.597 回答
0

最简单的方法：o）

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            window.onload = function() {
                var checkboxInput = document.getElementById('checkboxInput'),
                    textInput = document.getElementById('textInput');

                checkboxInput.addEventListener('click', UpdateTextInput, false);
            };

            function UpdateTextInput () {
                if(checkboxInput.checked) {
                    textInput.value = checkboxInput.value;
                }
                else {
                    textInput.value = '';
                }
            }
        </script>
    </head>

    <body>
        <input type="checkbox" id="checkboxInput" value="U"/>
        <input type="text" id="textInput" />
    </body>
</html>
于 2013-10-23T10:44:08.720 回答
0

假设一个文本框与下面的每个复选框相关联。

HTML 模式：

<input type="checkbox" value="test1" id="test1" checked><label>Test</label>
<input type="text" class="text1"id="textbox1" name="textbox1" value="">

jQuery：

$('input[type="checkbox"]').change(function() {
    var vals = $(this).val();
    if($(this).is(':checked')){
        $(this).next().next("input[type='text']").val(vals);
    }else{
        $(this).next().next("input[type='text']").val("");
    }

});

这是工作演示：http: //jsfiddle.net/uH4us/

于 2013-10-23T11:02:20.093 回答