打开 JavaScript 中复选框的 id 不起作用
Switch on the id of check boxes in javascript don't work?
function handleCheckBoxEvent(cb){
var index = 0;
switch (cb.id){
case "cb0":
index = 0;
alert(cb.id);
break;
case: "cb1":
index = 1;
alert(cb.id);
break;
}
}
当我选中如下所示的框时,我称之为:
<input id="cb0" type="checkbox" onclick="handleCheckBoxEvent(this);">Frist</label>
我不知道为什么上面的开关不起作用?
任何帮助将不胜感激,提前感谢。
function handleCheckBoxEvent(cb){
var index = 0;
switch (cb.id){
case "cb0":
index = 0;
alert(cb.id);
break;
case**:** "cb1":
index = 1;
alert(cb.id);
break;
}
}
在第二种情况下,您有一个额外的":",可能将其删除,我应该没事。
测试了它,在删除了不规则的":"后,它可以工作。
我没有修复你的案例陈述,我走了一个不同的方向。看起来您想根据控件的 id 设置一个值,所以我添加了data-index="0"
.HTML5数据属性非常方便!
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<script>
handleCheckBoxEvent = function (cb){
id =cb.getAttribute("data-index");
console.log("ID is: " + id);
}
</script>
</head>
<body>
<h1>Hello Plunker!</h1>
<input id="cb0" data-index="0" type="checkbox" onclick="handleCheckBoxEvent(this);">Frist</label>
</body>
</html>
http://plnkr.co/edit/ciiXktIfH7PGTiquHi7P
相关文章:
- getDocument by id/get input text from button dons'不起作用
- 我的ID获取元素不起作用
- 悬停时函数在具有相同 id 的多个元素中不起作用
- 循环浏览页面上所有选中的复选框并将id拉入数组不起作用
- 为什么我的jquery代码在使用ID但使用Class时不起作用
- jQuery获取keyup上带有类的输入的ID不起作用
- 使用科尔多瓦在我的网络服务器上存储 GCM ID 不起作用
- Yii2:Jquery 选择表格单元格的 id 不起作用
- Jquery 更改克隆元素子元素的 ID 不起作用
- 分配随机 ID 不起作用
- document.activeElement.id 不起作用
- JQuery从$(this)获取id不起作用,但获取另一个属性起作用
- 打开新选项卡函数对按钮 ID 不起作用
- JS使用变量作为document.getElementById的id不起作用
- jQuery获取父id不起作用
- 打开 JavaScript 中复选框的 id 不起作用
- JQuery获取选定选项卡的id不起作用
- jQuery在使用“this”单击页面时获取元素ID不起作用
- 从表中删除行后,动态id不起作用
- 使用rails的jQuery序列化对自定义id不起作用