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

我有一个值为

U

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

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

HTML

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

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

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

试试这个

HTML

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

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

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

试试这个

HTML

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

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

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

试试这个

HTML

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

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

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

HTML

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

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

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

HTML

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

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

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

HTML

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

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

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

HTML

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

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

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

---

最简单的方法是：o）

window.onload=函数（）{
var checkboxInput=document.getElementById（'checkboxInput'），
textInput=document.getElementById（'textInput'）；
checkboxInput.addEventListener（'click'，UpdateTextInput，false）；
};
函数UpdateTextInput（）{
if（checkboxInput.checked）{
textInput.value=checkboxInput.value；
}
否则{
textInput.value=''；
}
}

最简单的方法是：o）

window.onload=函数（）{
var checkboxInput=document.getElementById（'checkboxInput'），
textInput=document.getElementById（'textInput'）；
checkboxInput.addEventListener（'click'，UpdateTextInput，false）；
};
函数UpdateTextInput（）{
if（checkboxInput.checked）{
textInput.value=checkboxInput.value；
}
否则{
textInput.value=''；
}
}

最简单的方法是：o）

window.onload=函数（）{
var checkboxInput=document.getElementById（'checkboxInput'），
textInput=document.getElementById（'textInput'）；
checkboxInput.addEventListener（'click'，UpdateTextInput，false）；
};
函数UpdateTextInput（）{
if（checkboxInput.checked）{
textInput.value=checkboxInput.value；
}
否则{
textInput.value=''；
}
}

最简单的方法是：o）

window.onload=函数（）{
var checkboxInput=document.getElementById（'checkboxInput'），
textInput=document.getElementById（'textInput'）；
checkboxInput.addEventListener（'click'，UpdateTextInput，false）；
};
函数UpdateTextInput（）{
if（checkboxInput.checked）{
textInput.value=checkboxInput.value；
}
否则{
textInput.value=''；
}
}

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

HTML模式：

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

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

});

---

下面是工作演示：

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

HTML模式：

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

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

});

---

下面是工作演示：

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

HTML模式：

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

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

});

---

下面是工作演示：

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

HTML模式：

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

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

});

---

---

这是一个有效的演示：

有很多方法可以做到这一点，但是这完全取决于页面的结构。请发布你的HTML和任何你已经尝试过的JS代码。你需要提供更多信息，比如你尝试过的东西，到目前为止你有什么代码，等等。有很多方法可以做到这一点，但这完全取决于你的页面结构。请发布你的HTML和任何你已经尝试过的JS代码。你需要提供更多信息，比如你尝试过的东西，到目前为止你有什么代码，等等。有很多方法可以做到这一点，但这完全取决于你的页面结构。请发布你的HTML和任何你已经尝试过的JS代码。你需要提供更多信息，比如你尝试过的东西，到目前为止你有什么代码，等等。有很多方法可以做到这一点，但这完全取决于你的页面结构。请发布你的HTML和任何你已经尝试过的JS代码。你需要提供更多信息，比如你已经尝试过的东西，到目前为止你有什么代码，等等！在没有复选框上的情况下，这是否可能？我试着把它取下来，它停了working@charlie：是的，这是可能的。使用

$（this.next）（“输入[type='text']”）val（val）这里是更新的小提琴：完美！在没有复选框上的情况下，这是否可能？我试着把它取下来，它停了working@charlie：是的，这是可能的。使用
$（this.next）（“输入[type='text']”）val（val）这里是更新的小提琴：完美！在没有复选框上的情况下，这是否可能？我试着把它取下来，它停了working@charlie：是的，这是可能的。使用
$（this.next）（“输入[type='text']”）val（val）这里是更新的小提琴：完美！在没有复选框上的情况下，这是否可能？我试着把它取下来，它停了working@charlie：是的，这是可能的。使用
$（this.next）（“输入[type='text']”）val（val）这是更新的提琴：当复选框取消选中时，你能这样做吗？它将删除复选框值吗？当复选框取消选中时，你能这样做吗？它将删除复选框值吗