Javascript 如何在数组对象中获取选中元素

我在我的

UI

上有一个select字段，我在其中填充了一个div中的相应数据，该div中有

ul

和

li

，现在我要做的是

列表

上有

复选框

，

的

所以无论用户选择什么，只要点击按钮，我就想将其转换为数组对象

我所做的

$（文档）.ready（函数（）{
$（“#btn搜索”）.hide（）；
风险值数据={
“印度A”：[
“孟买”，
“德里”，
“加尔各答”
],
“印度B”：[
“班加罗尔”，
“钦奈”
]
}
var countername=Object.keys（数据）
下拉列表=$（“#计数器名称”）
追加（'Select Counter'）；
对于（变量i=0；i'+title+''；
}
$（“.list group”）.html（ul_innerhtml）；
})
});
$（“按钮”）。单击（函数（）{
var selected=new Array（）；//我正在尝试执行以下操作
$（“输入：复选框[名称=类型]：选中”）。每个（函数（）{
已选择.push（$（this.val（））；
});
console.log（已选择）
});
开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
浮动：对；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入.成功：选中+.滑块{
背景色：#8bc34a；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}

选择计数器：


去
逻辑的主要问题是，选择器正在查找带有
名称
属性的复选框，但在更改select时附加
li
元素时，您没有添加该复选框

类似地，您需要在复选框中添加一个
值
，否则它们的所有值将只是字符串
'on'
，这没有多大用处

var ul_innerhtml = ul_innerhtml + '...<input type="checkbox" class="success" name="type" value="' + title + '">...';

开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
浮动：对；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入.成功：选中+.滑块{
背景色：#8bc34a；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}

选择计数器：

去
您的代码中有3处错误

您没有将
值添加到复选框中
您没有将名称添加到复选框中。但是你在获取价值的同时使用了它
您没有获取selectbox值。您希望将其定义为对象并将值推入其中

$（文档）.ready（函数（）{
$（“#btn搜索”）.hide（）；
风险值数据={
“印度A”：[
“孟买”，
“德里”，
“加尔各答”
],
“印度B”：[
“班加罗尔”，
“钦奈”
]
}
var countername=Object.keys（数据）
下拉列表=$（“#计数器名称”）
追加（'Select Counter'）；
对于（变量i=0；i'+title+'
'；
}
$（“.list group”）.html（ul_innerhtml）；
})
});
$（“按钮”）。单击（函数（）{
所选变量={}；
变量类型=$（“#计数器名称”）.val（）；
所选[类型]=[]；
$（“输入：复选框[名称=类型]：选中”）。每个（函数（）{
已选择[type].push（$（this）.val（））；
});
console.log（已选择）
});
开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
浮动：对；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；