Javascript 如何制作一个;选择全部";使用jquery在html多选框中的选项?
我正在制作一个包含多个选择框的html表单。 我想做的是在多个选择框中创建一个“全选”选项,这样,如果用户单击该选项,则选择框的所有选项都将自动被选中,如果用户取消选择,则所有其他选项都将被取消选中。使用jQuery有什么想法吗Javascript 如何制作一个;选择全部";使用jquery在html多选框中的选项?,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,我正在制作一个包含多个选择框的html表单。 我想做的是在多个选择框中创建一个“全选”选项,这样,如果用户单击该选项,则选择框的所有选项都将自动被选中,如果用户取消选择,则所有其他选项都将被取消选中。使用jQuery有什么想法吗 <select MULTIPLE> <option>Select All</option> <option>value1</option> <option>value2</o
<select MULTIPLE>
<option>Select All</option>
<option>value1</option>
<option>value2</option>
<option>value3</option>
<option>value4</option>
<option>value5</option>
<option>value6</option>
</select>
全选
价值1
价值2
价值3
价值4
价值5
价值6
您可以使用jQuery执行以下操作:
$('#selectAll')。单击(函数(){
$(“#个人选项”).prop('selected',true);
});
$(“#取消选中全部”)。单击(函数(){
$(“#个人选项”).prop('selected',false);
});代码>
输入[类型=按钮]{
宽度:100px;
利润率:10px;
}
弗兰克
乔治
大卫
卢克
唐纳德
弗朗索瓦
单击事件时,我将选项的状态(已选择/未选择)存储在已选择数据
属性中。然后使用它选择/取消选择列表框的所有选项
$(“选择”)。单击(“单击”,函数(){
if($(this).find(“:selected”).text()=“全选”){
if($(this.attr(“数据选择”)=“false”)
$(this).attr(“数据选择”,“真”).find(“选项”).prop(“已选择”,真);
其他的
$(this).attr(“数据选择”,“假”).find(“选项”).prop(“选择”,假);
}
});代码>
>
全选
价值1
价值2
价值3
价值4
价值5
价值6
欢迎来到Stack Overflow,请花点时间阅读,并提供您为您的问题编写的相关代码(您也可以阅读),谢谢@Gille Q。但我不想要任何Outsoid按钮,我想要选择框中的全选选项标签。当我点击任何其他值时,它会选择所有值。@brhn.lok Oh,我想你想要点击任何选项选择全部。我编辑了它。否@mohammad我希望,如果用户想要选择所有选项,那么他/她不必ctlr+单击所有选项,则选择所有选项将用作选择所有其他选项的触发器