我试图将选中复选框的结果存储在本地存储中,但是当我尝试保存时出现上述错误。错误:无法读取属性'检查'未定义
不太清楚什么是未定义的,因为我看到了我的代码中的属性。 下面的代码:
var getCheckboxValue = function(){
var checkboxes = document.forms[0].features;
for(var i=0, j=checkboxes.length; i<j; i++){
if(checkboxes[i].checked){
console.log(checkboxes[i].value);
//featuresValue = $("features").value();
}else{
checkboxes = "No"
}
}
}
var storeData = function(){
var id = Math.floor(Math.random()*10000001);
//getSelectedRadio();
getCheckboxValue();
var item = {};
item.brand = ["Brand",$("brand").value];
item.model = ["Model",$("model").value];
item.comments = ["comments",$("comments").value];
//item.acoustic = ["acoustic", acousticValue];
item.features = ["features",checkboxes];
//Save data into local storage: Use Stringify to convert our object to a string
localStorage.setItem(id,JSON.stringify(item));
alert("Contact Saved!");
}
//set link & submit click events
var save = $("button");
save.addEventListener("click", storeData);
,这里是相关的HTML:
<li>Features:
<ul>
<li><input type="checkbox" name="features" value = "Cutaway" id="cutaway" /><label for="cutaway">Cutaway</label></li>
<li><input type="checkbox" name="features" value = "Finished" id="finished" /><label for="finished">Finished</label></li>
<li><input type="checkbox" name="features" value = "Inlay" id="inlay" /><label for="inlay">Inlay</label></li>
<li><input type="checkbox" name="features" value = "Wide Neck" id="wneck" /><label for="wneck">Wide Neck</label></li>
<li><input type="checkbox" name="features" value = "Left-handed" id="lhanded" /><label for="lhanded">Left-handed</label></li>
</ul>
</li>
另外,这里是充分代码的链接在GitHub上:
https://github.com/b80266/VFW-Project-2/blob/master/additem.html
https://github.com/b80266/VFW-Project-2/blob/master/main.js
什么线是从这个来的?你做了什么来调试呢? – djechlin
@GolezTrol为什么'checkboxes [i]'是'undefined'? – Ian
对不起,错误是它说“如果(复选框[i] .checked){” – Steven07