使用复选框信息更新MongoDB

因此，我正在学习Node.js和Express，并使用它来制作一个简单的Web应用程序，该程序在mongoDB数据库上执行CRUD操作。我可以成功地将信息插入数据库并进行更新，但是我似乎无法弄清楚如何更新复选框信息。注意我看着Passing checkbox values to database using JavaScript，它没有帮助，因为它在meteor.js使用复选框信息更新MongoDB

在我的EJS文件。这是用户为了更新数据库中的匹配条目而必须插入的信息。为了简洁起见，我已经省略了一些表格的元素。

<div id="editForm" hidden> 
    Enter name of the entry you want to edit?<input type="text" placeholder="full name" id="editItem" name="editItem" required><br> 
    Full Name<input type="text" placeholder="full name" id="fullName" name="name" required><br> 
    Age <input type="number" name="age" min="18" max="95" id="age" required><br> 
    Programming Languages <br> <input type="checkbox" class="p_languages2" name="p_languages2" value="Java" required>Java 
    <input type="checkbox" name="p_languages2" class="p_languages2" value="C++">C++ 
    <input type="checkbox" name="p_languages2" class="p_languages2" value="Python">Python 
    <input type="checkbox" name="p_languages2" class="p_languages2" value="Ruby">Ruby 
    <input type="checkbox" name="p_languages2" class="Jp_languages2" value="JavaScript">JavaScript<br> 
    Available to start work? <input type="date" id="start_date" name="start_date" required><br> 
    Life Motto? <input type="text" placeholder="motto" id="motto" name="motto" required><br> 
    <button onClick='putRequest()' type="submit" id="editEntry">Submit</button> 
    </div> 

function putRequest() { 
    fetch('/view', { 
     method: 'PUT', 
     headers: {'Content-Type': 'application/json'}, 
     body: JSON.stringify({ 
      'editedItem': document.getElementById("editItem").value, 
      'name': document.getElementById("fullName").value, 
      'age': document.getElementById("age").value, 
      //how can I extract the checkboxes? 
      'start_date': document.getElementById("start_date").value, 
      'motto': document.getElementById("motto").value 
     }) 
    }) 

    window.location.reload(true);

这里是我的要求额外信息。请注意，“p_languages”：req.body.p_languages只是一个占位符，我知道它不起作用。

app.put('/view', function(req, res) { 
    console.log("Put is working!"); 
    db.collection('jobs').findAndModify(
     {"name": req.body.editedItem }, 
     {}, 
     {$set: 
      { "name": req.body.name , "job_title": req.body.job_title, "gender": req.body.gender, 
      "p_languages": req.body.p_languages, "age": req.body.age, "start_date": req.body.start_date,"motto": req.body.motto } 
     }, 
     {}, 
     function(err, object) { 
      if (err){ 
       console.warn(err.message); // returns error if no matching object found 
      }else{ 
       console.log("Update complete"); 
      } 
     }) 


})

来源

2016-10-10 user2466886

您可以通过name属性就是这样， var checkboxes = document.getElementsByName("p_languages2");指所有复选框。这将返回数组复选框p_languages2。现在，您只需遍历此数组，并获取所有复选框value，这些复选框将被选中checkboxes[i].checked并将该值存储在数组中并在服务器上更新该数组。 Refer to this plnkr。

来源

2016-10-10 16:56:39

使用复选框信息更新MongoDB

回答

相关问题