如何使用with jquery获取文本框中的复选框标签值

我想在文本框中显示选中的复选框标签名称，并选择多个复选框，然后将其标签用逗号分隔并显示在我的文本框中，很抱歉我的英语不好

$（文档）.ready（函数（）{
$（'.dropdown'）。单击（函数（）{
$（'.dropdown content'）.fadeToggle（）；
});
});
。下拉列表{
宽度：250px；
高度：30px；
}
.下拉内容{
宽度：253px；
高度：100px；
溢出y：自动；
边框：1px实心#ff8800；
边框顶部：0px；
显示：无；
}
.下拉内容{
填充：0px；
}
.下拉列表内容li{
列表样式：无；
宽度：100%；
颜色：#fff；
背景：ff8800；
高度：25px；
}



一


二


三


四


五


六


七


八


九


您可以将更改事件处理程序绑定到复选框

//Cache elements in a vraible
var elems = $('.dropdown-content :checkbox');

//Bind the change event handler 
elems.on('change', function() {

    var str = elems
        .filter(':checked') //filter checked checkboxes
        .map(function() { //iterate 
            return $(this).next().text(); //Get immediately following sibling span text 
        })
        .get() //return you an array
        .join(','); //join an create a string

    $('label').text(str); //set text 
});


$（文档）.ready（函数（）{
$（'.dropdown'）。单击（函数（）{
$（'.dropdown content'）.fadeToggle（）；
});
//在vraible中缓存元素
var elems=$（'.下拉内容：复选框'）；
//绑定更改事件处理程序
关于（'change'，function（）的元素{
var str=elems
//筛选复选框
.filter（“：选中”）
//迭代获取跨文本
.map（函数（）{
返回$（this.next（）.text（）；
})
//返回一个数组
.get（）
//加入
。加入（‘，’）；
$（“标签”）.text（str）
});
});
。下拉列表{
宽度：250px；
高度：30px；
}
.下拉内容{
宽度：253px；
高度：100px；
溢出y：自动；
边框：1px实心#ff8800；
边框顶部：0px；
显示：无；
}
.下拉内容{
填充：0px；
}
.下拉列表内容li{
列表样式：无；
宽度：100%；
颜色：#fff；
背景：ff8800；
高度：25px；
}



一


二


三


四


五


六


七


八


九


检查此代码段


$（文档）.ready（函数（）{
$（'.dropdown'）。单击（函数（）{
$（'.dropdown content'）.fadeToggle（）；
}); 
$（“输入：复选框”）。单击（函数（）{
var输出=”；
$（“输入：选中”）。每个（函数（）{
输出+=$（this）.next（'span'）.text（）+“，”；
}); 
$（“.dropdown”）.val（output.trim（）.slice（0，-1））；
}); 
});
。下拉列表{
宽度：250px；
高度：30px；
}
.下拉内容{
宽度：253px；
高度：100px；
溢出y：自动；
边框：1px实心#ff8800；
边框顶部：0px；
显示：无；
}
.dropdown内容ul{padding:0px；}
.下拉列表内容li{
列表样式：无；
宽度：100%；
颜色：#fff；
背景：ff8800；
高度：25px；
}


一个
两个
三个
四个
五个
六个
七
八个
九

试试这个：

$(document).ready(function(){

    var arr = [];

    $('.dropdown').click(function(){

        $('.dropdown-content').fadeToggle();

    })

    $(".dropdown-content :checkbox").on("change",function(){

        if ($(this).prop("checked"))
            arr.push($(this).next().text());

        else {
            var index = arr.indexOf($(this).next().text());
            arr.splice(index,1);
        }

        $(".dropdown").val(arr);

    })

})

最终代码：



.下拉列表{
宽度：250px；
高度：30px；
}
.下拉内容{
宽度：253px；
高度：100px；
溢出y：自动；
边框：1px实心#ff8800；
边框顶部：0px；
显示：无；
}
.dropdown内容ul{padding:0px；}
.下拉列表内容li{
列表样式：无；
宽度：100%；
颜色：#fff；
背景：ff8800；
高度：25px；
}

一个
两个
三个
四个
五个
六个
七
八个
九

$（文档）.ready（函数（）{
var-arr=[]；
$（'.dropdown'）。单击（函数（）{
$（'.dropdown content'）.fadeToggle（）；
})
$（“.dropdown content:checkbox”）.on（“更改”，函数（）{
如果（$（this）.prop（“选中”））
arr.push（$（this.next（）.text（））；
否则{
var index=arr.indexOf（$（this.next（）.text（））；
阵列拼接（索引1）；
}
$（“.dropdown”）.val（arr）；
})
})
这应该行得通

$("input[type='checkbox']").change(function(){
    var values =  $("input[type='checkbox']:checked")
  .map(function () {
    return $(this).closest("li").find("span").text();
  })
  .get()
   .join(',');

   $("input[type='text']").val(values);
});

可以选择多个复选框，对吗？使用一个侦听器更改复选框，然后使用每个（）循环遍历复选框，如果是（“：checked”），则连接值伟大且快速回答：）感谢它完全正常工作。感谢更多帮助，请给我一个关于所选值的工具提示给我一个提示，它正常工作。欢迎！