[Erledigt] Toggle für Submit-Button Status

chunky · 02.03.2010, 12:31

Hi! Ich möchte den Zustand von Buttons (disabled or enabled) gerne mit einer Funktion umschalten.

Folgendes habe ich geschrieben:

Code:

function ToggleButton()
{
	if ($(".submitbutton").attr("disabled") == 'disabled')
		{
			alert("enabling buttons");
			$(".submitbutton").removeAttr("disabled");
		}
	else
		{
			alert("disabling buttons");
			$(".submitbutton").attr("disabled", "disabled");
		}
}

Leider springt die Funktion immer in den else-Teil.
Liegt das vielleicht daran, dass ich mehrere solcher Buttons auf der Seite habe?

lstegelitz · 02.03.2010, 15:42

AFAIK steht 'disabled' für sich allein (leeres Attribut).

chunky · 02.03.2010, 15:59

Wenn du das so schreibst, dann wird ein Html Validator eine Fehlermeldung ausgeben.

lstegelitz · 02.03.2010, 16:25

Zitat:

Zitat von chunky

Wenn du das so schreibst, dann wird ein Html Validator eine Fehlermeldung ausgeben.

Versteh' die Aussage nicht...

'disabled' wird NICHT in der Form

Code:

diesabled="disabled"

geschrieben (wie es für 'selected' richtig ist -> selected="selected").

Ein ausgegrauter Button sieht so aus:

Code:

<input type="submit" disabled />

Näheres dazu bei W3 Konsortium (und DIE sollten es wissen

)
Forms in HTML documents

nikosch · 02.03.2010, 17:58

Stimmt so nicht. Das eine ist eben HTML- und das andere XHTML-Stil.
Für selected, checked.. gilt das selbe.

Zitat:

Code:

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
<!ATTLIST OPTION
  %attrs;                              -- %coreattrs, %i18n, %events --
  selected    (selected)     #IMPLIED
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  label       %Text;         #IMPLIED  -- for use in hierarchical menus --
  value       CDATA          #IMPLIED  -- defaults to element content --
  >

Zitat:

Code:

  type        %InputType;    TEXT      -- what kind of widget is needed --
  name        CDATA          #IMPLIED  -- submit as part of form --
  value       CDATA          #IMPLIED  -- Specify for radio buttons and checkboxes --
  checked     (checked)      #IMPLIED  -- for radio buttons and check boxes --
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  readonly    (readonly)     #IMPLIED  -- for text and passwd --
  size        CDATA          #IMPLIED  -- specific to each type of field --

nikosch · 02.03.2010, 18:11

Probier mal.

PHP-Code:

  function ToggleButton()
{
$(".submitbutton").each (function () {
  var stat = $(this).attr("disabled");
  // alert..
  if (false == stat) { 
    $(this).attr("disabled" , "disabled");
  }
  else {
    $(this).removeAttr("disabled");
  }
});

chunky · 02.03.2010, 22:58

Ich schreibe eigentlich nur noch xhtml, deshalb verwende ich immer so etwas wie " disabled='disabled' ".

Der folgende Code funktioniert, ist aber eben nicht xhtml-konform:

Code:

function ToggleButton()
{
		if ($(".submitbutton").attr("disabled") == false)
		{
			alert("enabling buttons");
			$(".submitbutton").removeAttr("disabled");
		}
		else
		{
			alert("disabling buttons");
			$(".submitbutton").attr("disabled", false);
		}
}

Danke für den Code, Nikosch. Das funktioniert.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] dropdown ohne submit button	taurus	PHP Tipps 2009	8	02.11.2009 15:26
Submit Button mit Bild, per Click anderer Button	the-rod	JavaScript, Ajax und mehr	3	26.06.2009 17:52
Submit Button von Eintrag abhängig	YANNiiCK	PHP Tipps 2009	4	03.05.2009 02:42
[Erledigt] submit button mit bild problem	Webby	HTML, Usability und Barrierefreiheit	19	02.03.2009 23:54
[Erledigt] submit button wechseln wenn sid in DB vorhanden	fulltilt	PHP Tipps 2009	5	20.02.2009 16:32
HTML/CSS: Input: Button: Type=Image: Nur Submit moeglich?	SvenLittkowski	HTML, Usability und Barrierefreiheit	8	03.11.2007 00:45
Image Button oder Submit mit Hintergrund?	PsychoEagle	HTML, Usability und Barrierefreiheit	3	19.07.2007 13:17
wert mit submit button übergeben	Matthiasnet	PHP Tipps 2007	2	07.04.2007 19:41
Submit Button	Shaira	HTML, Usability und Barrierefreiheit	4	26.11.2006 15:48
Formular abschiken ohne Submit Button	shocky	HTML, Usability und Barrierefreiheit	10	02.11.2006 21:53
Menü mit Unterpunkten	supertramp	Beitragsarchiv	7	18.10.2005 22:40
Submit Button und ungewollte Übergabe der daten an die DB		PHP Tipps 2005-2	9	27.06.2005 19:49
Variable aus Formular ohne submit Button übergeben		PHP Tipps 2005-2	3	24.06.2005 17:08
button (submit) ->action auf https		PHP Tipps 2005	7	18.04.2005 18:32
Grafischer Submit Button sendet im IE seinen Namen nicht		PHP Tipps 2004	3	30.06.2004 14:54

02.03.2010, 12:31
chunky Erfahrener Benutzer Registriert seit: 19.01.2010 Beiträge: 324 PHP-Kenntnisse: Anfänger	[Erledigt] Toggle für Submit-Button Status Hi! Ich möchte den Zustand von Buttons (disabled or enabled) gerne mit einer Funktion umschalten. Folgendes habe ich geschrieben: Code: function ToggleButton() { if ($(".submitbutton").attr("disabled") == 'disabled') { alert("enabling buttons"); $(".submitbutton").removeAttr("disabled"); } else { alert("disabling buttons"); $(".submitbutton").attr("disabled", "disabled"); } } Leider springt die Funktion immer in den else-Teil. Liegt das vielleicht daran, dass ich mehrere solcher Buttons auf der Seite habe?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.03.2010, 15:42
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	AFAIK steht 'disabled' für sich allein (leeres Attribut). __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

02.03.2010, 15:59
chunky Erfahrener Benutzer Registriert seit: 19.01.2010 Beiträge: 324 PHP-Kenntnisse: Anfänger	Wenn du das so schreibst, dann wird ein Html Validator eine Fehlermeldung ausgeben.

02.03.2010, 18:11
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Probier mal. PHP-Code: `function ToggleButton() { $(".submitbutton").each (function () { var stat = $(this).attr("disabled"); // alert.. if (false == stat) { $(this).attr("disabled" , "disabled"); } else { $(this).removeAttr("disabled"); } });` __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

02.03.2010, 22:58
chunky Erfahrener Benutzer Registriert seit: 19.01.2010 Beiträge: 324 PHP-Kenntnisse: Anfänger	Ich schreibe eigentlich nur noch xhtml, deshalb verwende ich immer so etwas wie " disabled='disabled' ". Der folgende Code funktioniert, ist aber eben nicht xhtml-konform: Code: function ToggleButton() { if ($(".submitbutton").attr("disabled") == false) { alert("enabling buttons"); $(".submitbutton").removeAttr("disabled"); } else { alert("disabling buttons"); $(".submitbutton").attr("disabled", false); } } Danke für den Code, Nikosch. Das funktioniert.