使用複選框更新對象值，並提交按鈕

Question

你好我正在一個迷你項目，將添加對象到一個數組，並將其顯示在HTML中的表。

我有每個行/對象的單選按鈕。如果選中複選框，我想更新我的密鑰的值。

<div class="container"> 
    <input id="list-input" /> 
    <select id="select-status"> 
     <option value="on-going">on-going</option> 
     <option value="completed">completed</option> 
    </select> 
    <button id="add">Add To List</button> 
    <button id="update">Mark as Complete</button> 
</div> 
<div class="container"> 
    <h1>Your List</h1> 

    <div> 
     <table id="mylist"> 
      <thead> 
       <th>ID Number</th> 
       <th>Description</th> 
       <th>Status</th> 
      </thead> 
      <tbody> 
      </tbody> 
     </table> 
    </div> 
    <button id="clear">clear</button> 
</div> 

jsfiddle code

我想紀念地位SA都在我的陣列和在我的HTML完整。 會真的感謝上面的幫助

Answer 1

此代碼遍歷每一行，檢查其複選框，然後更新表和數組（如果選中）。

$('#update').on('click', function() { 
    var rows = $("#mylist tbody tr"); 

    $.each(rows, function(i, row) { 
     if($(this).find('td').eq(3).find("input").is(":checked")) { 
      $(this).find('td').eq(2).text("complete"); 
      tasks[i].status = "complete";    
     } 
    }); 

    // This console.table is here so you can see that the array is updated. 
    // You can remove it when you are satisfied this works. 
    console.table(tasks); 

});