2013-11-27 74 views
0

我編寫了一個腳本來選擇行中的值。當您選中該行開頭的複選框時,該行中值的複選框將不會被選中(如果用戶從這裏點擊「提交」,它將處理這些值,但這會讓用戶感到困惑)。 enter image description hereJavaScript - 選擇行被選中但未檢查行中的值

如果取消選擇在該行開頭的複選框,該行中的值的複選框被選中(如果用戶點擊從這裏「提交」,它不會對任何已經選擇承認)。這可能會讓用戶感到困惑。 enter image description here

我對JavaScript不是很熟悉,但已經得到了這麼多。任何幫助深表感謝。

這裏是我對過程的代碼:

echo "<td>" . '<input id="chkRowFiles" type="checkbox" name="file[]" onchange="selectRowFiles(this.checked);" />' . "</td>"; 

function selectRowFiles(c){ 
     checkboxes = document.getElementsByTagName("input"); 

     for (var i = 0; i < checkboxes.length; i++) { 
      var checkbox = checkboxes[i]; 
      checkbox.onclick = function() { 
       var currentRow = this.parentNode.parentNode; 
       var secondColumn = currentRow.getElementsByTagName("td")[1]; 
       document.getElementById('chkEFile' + secondColumn.textContent).checked = c; 
       document.getElementById('chkFFile' + secondColumn.textContent).checked = c; 
       document.getElementById('chkSFile' + secondColumn.textContent).checked = c; 
       document.getElementById('chkTFile' + secondColumn.textContent).checked = c; 
      }; 
     } 
    } 

回答

0

通過改變

echo "<td>" . '<input id="chkRowFiles" type="checkbox" name="file[]" onchange="selectRowFiles(this.checked);" />' . "</td>";

echo "<td>" . '<input id="chkRowFiles" type="checkbox" name="file[]" onclick="selectRowFiles(this.checked);" />' . "</td>";

和改變

解決它
checkbox.onclick = function() { 

checkbox.onchange = function() {