如何使用JavaScript/jQuery通过复选框选择/取消选择选项?
我几乎不了解JavaScript或jQuery 我需要在如何使用JavaScript/jQuery通过复选框选择/取消选择选项?,javascript,jquery,html,Javascript,Jquery,Html,我几乎不了解JavaScript或jQuery 我需要在中选择/取消选择一个选项,单击复选框或按钮时可以选择多个选项 该复选框需要选择/取消选择具有相同值的选项。 我的想法是这样的: $(文档).ready(函数(){ 变量输入=$(“#输入选择”); var复选框=$('.entrycheckbox'); 复选框。单击(函数(){ var元素=$(此); var value=element.val(); 输入.val(值); }) }); 选择1 选择2 选择3 您只给出上次选中的复选框的
中选择/取消选择一个选项,单击复选框或按钮时可以选择多个选项
该复选框需要选择/取消选择具有相同值的选项。
我的想法是这样的:
$(文档).ready(函数(){
变量输入=$(“#输入选择”);
var复选框=$('.entrycheckbox');
复选框。单击(函数(){
var元素=$(此);
var value=element.val();
输入.val(值);
})
});代码>
选择1
选择2
选择3
您只给出上次选中的复选框的值。若要按需要执行此操作,您需要构建所有选中复选框的数组,并将其提供给val()
要实现这一点,您可以使用filter()
获取所选复选框,然后使用map()
构建阵列:
input.val(checkboxes.filter(':checked').map((i, el) => el.value));
$(文档).ready(函数(){
var$input=$(“#条目选择”);
var$checkbox=$('.entrycheckbox');
$复选框。单击(函数(){
$input.val($checkbox.filter(':checked').map((i,el)=>el.value));
})
});代码>
选择1
选择2
选择3
$(文档).ready(函数(){
$('.entrycheckbox')。单击(函数(){
$(“:entrycheckbox”)。每个(函数(){
如果($(this).val()==1){
$(this.attr(“checked”、“checked”);
}
});
});
});
使用checked
属性。类似于此,您必须检查每个值,以确保代码中的错误您只检查最后一个值,因此您得到的是最后一个值
<script type="text/javascript">
$(document).ready(function(){
$('.entrycheckbox').click(function(){
$(":entrycheckbox").each(function(){
if($(this).val()==1){
$(this).attr("checked","checked");
}
});
});
});
</script>