jQuery:需要知道在变更事件中选择/取消选择了哪个选项
jQuery: Need to know which option that has been selected/de-selected on change event
我在jQuery中的选择列表有问题。我制作了一个值为"-1"的"全选"选项,当我单击它时,所有选项都标记为已选中。然而,当我想取消选择"全选"选项时,我不知道如何知道我是否真的取消了"全选"-选项。
有人知道我该怎么做吗?
HTML:
<select id="selectlist" name="selectlist" checkedAll="false">
<option id="all" value="-1">Choose all</option>
<option value="1" choice="true">Option 1</option>
<option value="2" choice="true">Option 2</option>
<option value="3" choice="true">Option 3</option>
</select>
Javascript:
$("#selectlist").live("change", function (event) {
if ($(this).val() == "-1") {
var isChecked = $("#selectlist").attr("checkedAll");
if (isChecked == "false") {
$("#selectlist").attr("checkedAll", "true");
$("#selectlist option[choice='true']").each(function () {
$(this).attr("selected", "selected");
});
}
else {
$("#selectlist").attr("checkedAll", "false");
$("#selectlist option[choice='true']").each(function () {
$(this).removeAttr("selected");
});
}
}
});
我知道这不是上述问题的具体解决方案,但不久前我也遇到了同样的情况。
解决方案是自定义插件:EricHynds的jQueryUIMultiselect
我建议你试一试;)
相关文章:
- 通过在d3中单击来选择/取消选择
- 复选框选择/取消选择触发器第一次工作,但在随后的尝试中失败
- 选择/取消选择复选框,该复选框未按预期使用.coneast('table').find('tbo
- 在angular.js中选择取消选择树结构
- Javascript函数用于选择/取消选中radgrid标头模板中的所有复选框
- 一个变量,多个复选框选择/取消选择 jQuery
- 基于下拉选择的单选选择/取消选择
- 选择/取消选择花式树插件上所有具有相同ID的节点
- 选择2 取消选择所有值
- 使用 JQuery 多次选择取消选中复选框
- jQuery:需要知道在变更事件中选择/取消选择了哪个选项
- 带有选择/取消选择和汇总选项的表格
- 在按钮上切换类(选择/取消选择)
- 关闭浏览器选项卡时,如何在确认框中默认选择“取消”
- jqxTreeGrid如果我单击一行中的特定单元格,则禁用对该行的选择/取消选择
- 如何使用 JavaScript/jQuery 选择/取消选中复选框
- 即使用户选择“取消”,我如何保留FileDialog输入值?(ASP.Net/Javascript)
- 使用JQuery取消选择/取消聚集输入字段
- 如何将JavaScript应用于引导程序btn组以选择/取消选择子按钮元素
- 如何选择/取消选择所有克隆节点