für jede JavaScript-Unterstützung in IE?

Habe ich diesen code:

<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>

Wie kann ich die obige Skript, um im IE funktioniert?

Kommentar zu dem Problem

Einrücken von code 4 Leerzeichen geben Sie die code-Formatierung. Kommentarautor: Sophie Alpert

InformationsquelleAutor der Frage user48094 | 2009-01-05

javascript

41

Beachten Sie, dass Firefox nicht mehr unterstützt, für jeden Schleifen, so gilt dies für jeder browser-nicht nur Internet Explorer. Sehen Sie diese MDN Artikel für alternativen.

Internet Explorer nicht unterstützt "for each" - Schleifen (zusammen mit anderen modernen Browsern, die abgebrochen haben, Unterstützung für Sie). Sie müssen den code ändern, um der Verwendung von regulären for-Schleifen:
```
function toggle(source) {
    var checkboxes = document.getElementsByName('DG1');
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].checked = source.checked;
    }
    ...
}
```
Oder, könnte man eine Bibliothek wie jQuery und machen Sie es wie diese:
```
function toggle(source) {
    $("input[name^=DG]").attr("checked", source.checked);
}
```
InformationsquelleAutor der Antwort Matthew Crumley
14

Oder Sie könnten versuchen, und verlängern das Array-Objekt für Browser, die keine Unterstützung für die foreach-Methode auf, wie hier vorgeschlagen:
https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Objects:Array:forEach#Compatibility

InformationsquelleAutor der Antwort
6

ich denke jQuery.jeder ist die beste Lösung für Sie
```
var idArr = ["LocationFirst","LocationSecond","LocationThird","LocationFourth","LocationFifth"];

 $.each(idArr,function(index, entry) {
   //some code
 });
```
er iteriert über alle Elemente in dem array "idArr" und kann einige Sache mit jedes element.

InformationsquelleAutor der Antwort Rohit Dubey
4

Nativ IE8 ist veraltet foreach, aber wie verwende ich jQuery, entschied ich mich für jQuery.jeder um dieses problem zu überwinden.

Mein kopieren und einfügen aus der jQuery-API-Doc:
```
var obj = {
   "flammable", "inflammable"
   "duh": "no duh"
};
$. each (obj, function (key, value) {
   alert (key + ":" + value);
});
```
http://api.jquery.com/jQuery.each/

InformationsquelleAutor der Antwort renedet
3

Ist es möglich, unter Verwendung einer modifizierten form für jeden im Internet Explorer, die syntax ist wie folgt.
```
var checkboxes = document.getElementsByName('DG2');
for (var i in checkboxes)
  checkboxes[i].checked = 'true';
```
InformationsquelleAutor der Antwort Joseph

Hatte ich ein problem mit forEach auf IE 11

Und ich habe eine workaround-Lösung wie, dass

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

Es ist für mich in Ordnung.

InformationsquelleAutor der Antwort mamosek

2

Abgeschlossen Matthäus Crumley Antwort, Sie Mai auch haben ein problem mit der getElementByName() Fehler im IE, erläutert hier:

Wenig benutzt getElementsByName() - Methode ist Teil von DOM Level 1-Spezifikation und wird unterstützt von Internet Explorer und Mozilla/Firefox. getElementsByName()

Nach der HTML-4.01-Spezifikation, die nur die Elemente, die support-NAME-Attribute sind BUTTON, TEXTAREA, APPLET, SELECT, FORM, FRAME, IFRAME, IMG, A, INPUT, OBJECT, MAP, PARAM and META. So platzieren eine NAME innerhalb einer DIV ist eigentlich ungültiges HTML.

(So funktioniert es in deinem Fall (NAME einer INPUT Bereich), aber es ist zu gefährlich, um es in IE)

Moz/Firefox nicht haben ein problem damit und werde glücklich kehren alle drei DIV-Elemente. Aber MSIE behandelt die ungültige NAME - Attribut als expando-Attribut und schließt diejenigen Elemente

Eine mögliche Lösung ist gegeben mit dieses Skript.

Hinweis: wenn Sie die Codierung einer for, alwatys fügen Sie dann umschließenden curling Klammern { and }: es ist sicherer. Wenn Sie fügen Sie eine zweite Zeile des Codes in der Schleife, es wird berücksichtigt werden durch die for block.

InformationsquelleAutor der Antwort VonC

Ich würde es sauber etwas.

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');
        }
    }   
}

Aber Es funktioniert nur für die getElementById() (und nicht getElementsByName(), was ich nicht verstehen ). Fügen Sie einfach zu jedem input id='selectall', id='DG1'...

InformationsquelleAutor der Antwort Adriana

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.