Die überprüfung, ob radio-buttons überprüft, in Firefox

Auf meiner Seite, ich habe zwei Checkboxen erstellt, in meinem ASP.NET MVC-Ansicht etwa so:

Html.RadioButton("check", "true", "true" == (string) ViewData["someKey"], new { id = "check1"});
Html.RadioButton("check", "false", "false" == (string) ViewData["someKey"], new { id = "check2"});

Ich bin überzeugt, dass ViewData["someKey"] hat den Wert "true" enthält.

In meiner JS-init-Funktion, führe ich die folgenden check:

alert($('#check1').is(':checked') + " " + $('#check2').is(':checked'));

In Firefox (und nur Firefox), mein alert-dialog zeigt die folgenden (es funktioniert, wie erwartet, in jedem anderen browser):

Initial page load: true false
Normal refresh via Ctrl + R: false false
Refresh skipping cache via Ctrl + Shift + R: true false

Ich habe versucht, viele verschiedene Methoden zu betrachten, die checkbox-Wert, einschließlich $('#check1').attr('checked') ohne Erfolg. Wenn ich untersuchen den HTML-Code in Firebug kann ich sehen, dass die erste radio-button hat die Eigenschaft checked="checked" im es.

Warum ist die checkbox Wert ändern in FF, wenn ich aktualisieren und wie kann ich dies vermeiden? Da dies scheint eine FF-only-bug, wie kann ich meinen code, damit es funktioniert?

Diese Frage ALSO schien zu Fragen, etwas ähnliches, aber keine der vorgeschlagenen Lösungen scheinen zu funktionieren in diesem Fall.

Bearbeiten: ich sollte auch darauf hinweisen, dass, wenn der radio-button gerendert wird nach dem aktualisieren in FF, es ist eigentlich nicht angezeigt als aufgegebenes entweder, trotz allem, was HTML ist mir zu sagen.

Edit2: Hinzufügen von raw-HTML wie pro Antrag

<input id="check1" type="radio" value="True" name="check" checked="checked"/>
<input id="check2" type="radio" value="False" name="check"/>

InformationsquelleAutor Andrew Song | 2009-10-09

1

Können wir den erzeugten HTML? Sind Sie wirklich die Schaffung von zwei radio-buttons, mit beiden den gleichen Namen und den gleichen Wert?

Denken Sie daran, wenn Sie auf aktualisieren, Browser versuchen die form zu bewahren Feld Inhalt der Seite vor dem aktualisieren. Dies beinhaltet die radio-Taste Zustand. Wenn Sie zwei nicht zu unterscheidende radio-buttons, das würde zu sein scheinen ein guter Weg zu verwirren browser versuchen Sie zu re-etablieren, die die form Staat.
- Ich habe die problematischen HTML.
- Erm, gerade bemerkt, dass mein ursprünglicher code war nicht das problem auslösen. Die radio-buttons den gleichen Namen hatten, aber unterschiedliche Werte haben. (Entschuldigung!)
- Leider kann ich nicht reproduzieren, das in FF3.0/3.5 mit dem angegebenen code. Gibt es nicht andere Elemente mit der id oder dem Namen check1 gibt es? Macht es einen Unterschied, überspringen, wenn Sie jQuery und Fragen document.getElementById('check1').checked?
- Nein, es macht keinen Unterschied, egal wie ich es prüfen. Der Bizarre Teil ist, dass die radio-buttons gerendert werden nicht aktiviert bei einem normalen refresh (also ich denke das JS ist eigentlich nicht stimmt-die Taste, ist "nicht aktiviert", obwohl es nichts anderes gibt mit der gleichen ID), aber auf einer cache-skip-refresh ist alles in Ordnung.
InformationsquelleAutor bobince
0

Es klingt wie dein Skript kann ausgeführt werden, bevor die Seite vollständig geladen ist. Wo haben Sie den Javascript-code? Wenn Sie nicht bereits haben, versuchen Sie, den code am Ende der <body> block.
- Diese gab ich einen Schuss, und es schien nicht zu helfen, das Problem. Dieses problem scheint nicht zu erscheinen, in jedem anderen browser (auch IE!), so bin ich ein wenig verwirrt, warum Firefox würde dies zu tun.
InformationsquelleAutor Kai
0

Ich hatte das gleiche problem vor ein paar Tagen und das Problem war, dass ich die "check", bevor das Element vollständig geladen wurde oder erbracht werden, es war eine DropDownList, die ich gerendert mit jQuery.

Meinem Fall war sehr speziell, aber ich musste Nacharbeit der code, um dies zu berücksichtigen...

InformationsquelleAutor hminaya
0

Es scheint, dass das problem nicht mit überprüfung, ob oder nicht die radio-buttons überprüft werden, sondern dass Sie mehr Schaltflächen sind auch nicht aktiviert, obwohl der HTML-code sagt etwas anderes.

Ich gebucht habe, ein follow-up Frage zu dieser hier als Nachtrag zu diesem Thema.

BEARBEITEN: Auf dieser Seite hat eine gute Beschreibung des Problems und die Lösungen, die Sie ergreifen können, um es zu lösen.
- Vielleicht sollte man klären, dass es eigentlich durch ein Firefox-bug, der erscheint, wenn Sie hinzufügen oder entfernen von input-Felder dynamisch: bugzilla.mozilla.org/show_bug.cgi?id=539228
InformationsquelleAutor Andrew Song
0

Ich diese verwendet, um Kraft, firefox zurücksetzen, um die Optionsfelder aktiviert auf aktualisieren.
```
$(function(){ $('input[name="radiobuttongroup"]')[0].checked = true; });
```
wobei [0] der index des radiobutton-Steuerelements in der spezifischen Gruppe ( [0] = erste radio-button [1] = zweite radio-button, ..)

InformationsquelleAutor pieter
0

Hatten wir ähnliche Fehler in firefox bei der Verwendung von jquery um die Auswahl zu ändern. Obwohl der code korrekt geändert laut firebug keiner der radio-buttons ausgewählt wurde. Die Lösung, die wir gefunden haben, ist zu entfernen Sie die radio-buttons aus dem DOM und nur setzen Sie Sie zurück.
```
var allradiobuttons = $('...');
allradiobuttons.click(function() {
  var radiobutton = $(this);
  allradiobuttons.removeAttr("checked");

  radiobutton.attr("checked", "checked");
  var parent = radiobutton.parent();
  parent.html(parent.html()); //This is a weird fix
}
```
InformationsquelleAutor XXL

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.