Question

我有一个值为U

的复选框

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

我怎么能用javascript或jquery做到这一点？我需要能够在多个复选框和输入文本字段上执行此操作

Answer 1

<强> HTML

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

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

<强> JQUERY

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

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

});

DEMO

Answer 2

试试这个，

<强> HTML

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

<强> SCRIPT

$('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);
});

Working Demo

Answer 3

最简单的方法：op>

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

Answer 4

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

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/

将html复选框值放入文本字段

4 个答案:

将html复选框值放入文本字​​段

4 个答案:

将html复选框值放入文本字段