如何使用javascript在本地存储中存储多个复选框值？

作者: 老人与海
发布时间: 2024-04-18 03:03:06 (1天前)
转自：

3 条回复

0#
回复此人
不想吃东西 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 试试这个 </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> function signup() { var users_interests =[]; var els = document.getElementsByName("user_interest"); Array.prototype.forEach.call(els, function(el) { if (el.type == "checkbox" && el.checked) { users_interests.push(el.value); } // Do stuff here }); localStorage.setItem("users_interests",JSON.stringify(users_interests)); console.log(JSON.parse(localStorage.getItem("users_interests"))); } </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
1#
回复此人
نسر الصحراء | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 没有这种文件的方法叫做 <code> getElementByClassName </code> 只要 <code> getElementsByClassName </code> 它返回一个节点集合，所以你需要将你的函数改为这样的： </p> <pre> <code> function signup() { //Declare constant variable to hold the elements with class light const lightEles = document.getElementsByClassName("light"); //Declare an array to hold the values let eleValues = []; //Iterate the node collection and push each element's value into the array for(let x = 0; x < lightEles.length; x++){ eleValues.push(lightEles[x].value); } //Set array to localStorage key localStorage.setItem("users_interests", eleValues); } </code> </pre> </DIV>

编辑

登录后才能参与评论