Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript获取已选中的标签同级的文本_Javascript_Jquery_Checkbox_Input - Fatal编程技术网

使用javascript获取已选中的标签同级的文本

使用javascript获取已选中的标签同级的文本,javascript,jquery,checkbox,input,Javascript,Jquery,Checkbox,Input,我希望能够检查输入是否已检查,如果已检查,则获取与该输入相关联的数据并将其显示到另一个div中。这是我的代码 var levels=$('input:checked+label').map(function(){ 返回$(this.text(); }).get(); //警报(级别); document.getElementById('listprice')。innerHTML=levels 服务名称 $175 持续时间:03:00 没有足够的时间进行此项服务 您正在预订一张机票 $

我希望能够检查输入是否已检查,如果已检查,则获取与该输入相关联的数据并将其显示到另一个div中。这是我的代码

var levels=$('input:checked+label').map(function(){
返回$(this.text();
}).get();
//警报(级别);
document.getElementById('listprice')。innerHTML=levels

服务名称
$175 

持续时间:03:00 没有足够的时间进行此项服务 您正在预订一张机票
$(文档).ready(函数(){
var checkedItems=$('input[type=checkbox]:checked');
checkedItems.each(函数(){
var serviceName=$(this).parents('.sln服务信息').find('.sln服务名称').html();
var servicePrice=$(this).parents('.sln service info').find('.sln service price').html();
$(“#listprice”).append('Title-'+serviceName+'Price-'+servicePrice+'');
});
})

服务名称
$175 

持续时间:03:00 您正在预订一张机票
您应该将代码放入
更改
事件列表我想将其标记为已接受的答案,但我忘了提及此页面已加载复选框。所以我不这么认为。改变是正确的方法,因为它寻找鼠标点击改变。当页面加载时,我们如何使其工作?输入已被选中?我按要求编辑了您的代码。您需要在document ready功能中检查所有选中的项目,然后进行调整。