javascript - 检测复选框是否被选中，然后获取 div id

Question

我在页面上有复选框，当您单击每个复选框的跨度时，它会更改每个复选框的包含 div 的背景颜色。问题是当有人提交表单并转到下一页，然后单击后退按钮时，复选框保持选中状态但 div 颜色恢复。有没有办法在页面加载时获取复选框的 div id？

我有这个来检测通过 body onload 选中的框，但不确定如何为每个框获取 div id:

function detectchecked(){
  var count = 0;
  var inputs = myform.getElementsByTagName('input');
  for (var i = 0, j = inputs.length; i<j; i++) {
      var input = inputs[i];
      if (input.type && input.type === 'checkbox' && input.checked) {
          alert(input);
      }
   }
  }

我当前的输入代码如下所示:

<div id="myform">
 <div id="div4452101" style="float:left; width:194px; height:90px; border:1px solid #000; margin:2px;"> 
  <div class="resultphoto"> 
   <span onClick="checkem('4452101');"> 
    image goes here
   </span>
  </div> 
  <span onClick="checkem('4452101');"> 
   check this
  </span> 
  <input type="checkbox" name="numbers[]" id="4452101" value="4452101" /> 
 </div>
</div>

Answer 1

在这种无代码且简单的问题中不需要 jQuery。

你必须使用这样的代码:

function detectchecked(){
  var count = 0;
  var inputs = myform.getElementsByTagName('input');
  for (var i = 0, j = inputs.length; i<j; i++) {
      var input = inputs[i];
      if (input.type && input.type === 'checkbox' && input.checked) {
          document.getElementById('div'+input.getAttribute('id')).setAttribute('style','Your style here');
      }
   }
  }

当然，如果我没理解错的话