在IE中支持每個JavaScript？

Question

我有這樣的代碼：

<script> 
function toggle(source) { 

    checkboxes = document.getElementsByName('DG1'); 
    for each(var checkbox in checkboxes) 
    checkbox.checked = source.checked; 

    checkboxes = document.getElementsByName('DG2'); 
    for each(var checkbox in checkboxes) 
    checkbox.checked = source.checked; 

    checkboxes = document.getElementsByName('DG3'); 
    for each(var checkbox in checkboxes) 
    checkbox.checked = source.checked; 

    checkboxes = document.getElementsByName('DG4'); 
    for each(var checkbox in checkboxes) 
    checkbox.checked = source.checked; 

    checkboxes = document.getElementsByName('DG5'); 
    for each(var checkbox in checkboxes) 
    checkbox.checked = source.checked; 
} 
</script> 

<input type="checkbox" onClick="toggle(this)" />Select All<br/> 

<form method=POST action="DGUsageServlet"> 
    <input type="checkbox" name="DG1">DG1</input> 
    <input type="checkbox" name="DG2">DG2</input> 
    <input type="checkbox" name="DG3">DG3</input> 
    <input type="checkbox" name="DG4">DG4</input> 
    <input type="checkbox" name="DG5">DG5</input> 
</form> 

我怎樣才能讓上面的腳本在IE工作？

Answer 1

Internet Explorer不支持「for each」循環。您需要更改代碼使用常規的for循環：

function toggle(source) { 
    var checkboxes = document.getElementsByName('DG1'); 
    for (var i = 0; i < checkboxes.length; i++) { 
     checkboxes[i].checked = source.checked; 
    } 
    ... 
} 

或者，你可以使用像jQuery庫，像這樣做：

function toggle(source) { 
    $("input[name^=DG]").attr("checked", source.checked); 
} 

編輯：此外，方式你使用「for each」可能並不總是做你想要的東西，即使在Firefox中也是如此。類似於「for（key in object）」循環，「for each」遍歷全部對象的屬性，包括來自其原型的屬性。它真的用於迭代對象屬性，而不是數組。

在JavaScript 1.7，你可以創建一個像這樣的陣列正常工作的Iterator：

for each (let [i, checkbox] in Iterator(checkboxes)) { 
     checkbox.checked = source.checked; 
    } 

當然，在Firefox這僅適用2.0+。

Answer 2

要完成馬修Crumley的回答，你也可能有一個問題，在IE中getElementByName()故障，解釋here：

很少使用getElementsByName()方法是DOM 1級規範的一部分，由支持Internet Explorer和Mozilla/Firefox。 getElementsByName（）

根據HTML 4.01規範，唯一支持NAME屬性的元素是BUTTON, TEXTAREA, APPLET, SELECT, FORM, FRAME, IFRAME, IMG, A, INPUT, OBJECT, MAP, PARAM and META。所以在內放置一個DIV實際上是無效的HTML。

（所以它會在你的情況下工作（一個INPUT場的NAME），但它是不安全的使用它在IE）

萬盎司/ Firefox不會有這個問題，將愉快地返回所有三個DIV元素。但MSIE會將其無效NAME屬性作爲expando attribute並且排除那些元件

一種可能的修復與this script給出。

---

注意：當你編寫一個for，alwatys然後添加封閉卷曲括號{ and }：它是安全的。如果在循環中添加第二行代碼，將由for塊考慮。

Answer 3

我會把它清理一下。

function select(){ 
    var butt = document.getElementById('selectall'); 
    butt.onclick = selectall; 

    function selectall(){ 
     for(var i=1;i<6;i++){ 
      var id='DG'+i; 
      var all = document.getElementById(id); 
      all.setAttribute('checked','checked'); 
     } 
    } 
} 

，但它僅適用於的getElementById（）（而不是getElementsByName（），有什麼我不明白）。只需添加到每個輸入id ='selectall'，id ='DG1'...

Answer 4

或者您可以嘗試擴展不支持foreach方法的瀏覽器的Array對象，如下所示： https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Objects:Array:forEach#Compatibility

Answer 5

可以在Internet Explorer中爲每個修改後的表單使用，其語法如下。

var checkboxes = document.getElementsByName('DG2'); 
for (var i in checkboxes) 
    checkboxes[i].checked = 'true'; 

Answer 6

本地IE8是過時的，以的foreach，但我怎麼使用jQuery，我選擇了jQuery.each來克服這個問題。

我複製並粘貼到jQuery的API文檔：

var obj = { 
   "flammable", "inflammable" 
   "duh": "no duh" 
}; 
$. each (obj, function (key, value) { 
   alert (key + ":" + value); 
}); 

http://api.jquery.com/jQuery.each/

Answer 7

我覺得jQuery.each是它

var idArr = ["LocationFirst","LocationSecond","LocationThird","LocationFourth","LocationFifth"]; 

$.each(idArr,function(index, entry) { 
    //some code 
}); 

它會遍歷所有的最佳解決方案數組「idArr」中的元素，並可以對每個元素做一些事情。

Answer 8

我有一個問題用foreach在IE 11

，我發現這樣的

Array.prototype.slice.call(document.getElementsByName('element_name')).forEach(function (el) { 
    if (el.checked) { 
     console.log('checked'); 
    } 

這是很好的工作對我來說是變通的解決方案。