檢查是否使用javascript選擇了動態創建的復選框

Question

我有一個包含復選框的表。 每當單擊按鈕時，都會向表中添加復選框，如下所示：

    var cell3 = row.insertCell(2);
    cell3.innerHTML = '<input type="checkBox" value=\"selected?\" style="cursor:pointer" value="htcb"/>';

我如何確定是否選中了復選框（例如單元格3）？

我已經試過了

var myCheckBox = row.cells[2].innerHTML;
   if(myCheckBox .checked == true)
      //

但這不起作用

Answer 1

innerHTML屬性只是一個字符串，您需要訪問DOM對象本身。

看到<input>是單元格中唯一的東西，這應該可以工作：

var myCheckBox = row.cells[2].firstChild;
if (myCheckBox.checked) {
    ...
}

Answer 2

js函數：

function check() {
     if($(this).is(”:checked”))
     {
         alert(’checked’);
     }
}

您必須添加onchange偵聽器：

cell3.innerHTML = '<input type="checkBox" value=\"selected?\" 
               style="cursor:pointer"value="htcb" onchange="check()"/>';