1

I am not able to get the logic of checkbox checked on edit time(No database only static) please help me out

<td><input type="checkbox" name="subject" class="subject" value="maths">Maths
  <input type="checkbox" name="subject" class="subject" value="chemistry">Chemistry</td>
<button onclick="onEditPressed(' + index + ')">Edit</button><br/><button onclick="deleteTableRow('+ index + ')">Delete</button>

<script>
  function onEditPressed(index) {
    selectedIndex = index;
    var stuObj = localStorage.studentsRecord;
    studentsArray = JSON.parse(localStorage.studentsRecord);
    console.log(studentsArray);
    var stuObj = studentsArray[index];
    var checkboxes = stuObj.subject;
    document.getElementById("firstname").value = stuObj.firstname;
    document.getElementById("lastname").value = stuObj.lastname;
    document.getElementById("rollnum").value = stuObj.rollnum;
    var inputs = document.getElementsByClassName("subject");
    document.getElementById("submit").innerHTML = "Update";
  }
</script>
Saeed
  • 5,413
  • 3
  • 26
  • 40
Aditya
  • 9
  • 1
  • 6
  • This pretty easy, Either you can go via the JQuery route - https://stackoverflow.com/questions/7031226/jquery-checkbox-change-and-click-event or Plain JS way - https://www.w3schools.com/howto/howto_js_display_checkbox_text.asp . I suggest you do your research first and then post here. – Bose_geek May 13 '18 at 07:58

1 Answers1

0

use querySelector

var checkedBoxes = document.querySelectorAll('.subject:checked');

it'll return an array of selected checkboxes

Islam ElHakmi
  • 274
  • 2
  • 10