Javascript 如何制作一个;选择全部";使用jquery在html多选框中的选项?

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

我正在制作一个包含多个选择框的html表单。 我想做的是在多个选择框中创建一个“全选”选项,这样,如果用户单击该选项,则选择框的所有选项都将自动被选中,如果用户取消选择,则所有其他选项都将被取消选中。使用jQuery有什么想法吗

<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+单击所有选项,则选择所有选项将用作选择所有其他选项的触发器