Javascript slect下拉值，选中复选框并填写输入

期望的行为：

1.为field1选择糖果

将预检查与预选字段1具有相同值的值 如果选中复选框，则应触发输入字段打印输出 已检查的字符串 例如，如果选中值a，则输入中应显示a 如果在字段1中选中sweets，则字段3将填充值 除第3项外，我的一切都正常。除非我自己检查这些项目，否则它们将显示在输入中。 我无法硬编码中的任何值，因为这些值将动态引入

下面我有一个工作示例：

document.getElementById'field1'.onchange=function{ var-box=document.queryselectoral'input[type=checkbox]； 对于变量i=0；i您需要将复选框的事件处理程序与下拉列表的事件处理程序分开。此外，您应该坚持使用jquery或不使用jquery

var$checks=$：复选框； document.getElementById'field1'.onchange=function{ var-box=document.queryselectoral'input[type=checkbox]； 对于变量i=0；i

return $(this).next('label').text();

你有两个问题

1您的oncheck事件应该在on change事件之外

2您的标签位于复选框之外，因此如果您想获取其文本，则需要使用“下一个”或“最近的”来获取

document.getElementById'field1'.onchange=function{ var-box=document.queryselectoral'input[type=checkbox]； 对于变量i=0；i您需要移动到更改外事件$checks。在'change'上，函数{}在此函数中，选中的值仍然不起作用，如果要显示a、b、c、d，请更改为this.id而不是this.value

document.getElementById'field1'.onchange=function{ var-box=document.queryselectoral'input[type=checkbox]； 对于变量i=0；iHien这真的很棒。如果我想使用文本怎么办？你可以使用$this.nextlabel.html，我更新了答案Hey hein在我的提琴示例中做得很好，但在我的代码中不起作用我收到了以下错误：Uncaught TypeError:this.html不是一个函数我看到了我的问题，因为我有一个aspx复选框，所以它的格式有点不同：a我需要：$this.nextinput.nextlabel.htmlyou不应该将输入标记包装在标签标记中