selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

JS Checkboxen check all Problem

Autor: Charlie
Datum: 09.10.2014 09:34:55

Hallo Freunde,

irgendwie stehe ich am Schlauch und komme nicht weiter.

Folgende Basis Situation:

Habe eine bestehende Communitypage welche auch einen RSS-Feed
anbietet. Auf Wunsch der User möchte ich ein JS einbinden welches mir alle Checkboxen in einem Formular auf einmal selektiert.

hierzu habe ich folgendes JS eingebunden

<script type="text/javascript" language="JavaScript">
<!-- Begin
var checkflag = "false";

function check(field) {
if (checkflag == "false") {
  for (i = 0; i < field.length; i++) {
  field.checked = true;}
  checkflag = "true";
  return " keine ausw&auml;hlen "; }
else {
  for (i = 0; i < field.length; i++) {
  field.checked = false; }
  checkflag = "false";
  return " alle ausw&auml;hlen"; }
}

//  End -->
</script>

Soweit so gut.

Da sich die Kategorien für den RSS aus einem Skript heraus aufbauen, sieht der Aubau wie folgt aus:

$catoptions .= "<a href="index.php?page=rss&amp;category=$cat[id]">".image_or_link(($cat["image"]==""?"":"$STYLEPATH/images/categories/" . $cat["image"]),"",$cat["name"])."</a><input type="checkbox" name="cat[]" value="$cat[id]" " .(strpos($CURUSER['notifs'], "[cat$cat[id]]") !== false ? " checked" : "") ."/>";

Auch dies ist OK, so nun zum eigentlichen Problem

Meinen Button rufe ich wie folgt auf:

<input type="button" value=" alle auswählen " onClick="this.value=check(this.form.cat[])">

funktioniert nicht.

Nur wenn ich das this.form.cat[] gegen zb this.form.list tausche, natürlich muss das list auch im Aufbaustring eingetragen werden, checkt es mir alle Checkboxen.
Jedoch funktioniert dann alles hinterher nicht mehr.

Meine Frage nun, wie bekomme ich das this.form.cat[] so escaped das js dieses auch verarbeiten kann ? Denn genau
an dem cat[] dürfte das Problem liegen.

Wäre sehr dankbar wenn mir einer Helfen könnte.

Vielen Dank !



Re: JS Checkboxen check all Problem

Autor: reporter
Datum: 09.10.2014 10:47:48

Hallo,

bitte stelle uns ein Link oder den Quelllkode vom Browser zur Verfügung.



Re: JS Checkboxen check all Problem

Autor: Charlie
Datum: 09.10.2014 11:24:28

Selbstverständlich, hier die genannte Sektion als Browsersourcecode

<div align="center" class="b-content">
<script type="text/javascript" language="JavaScript">
<!-- Begin
var checkflag = "false";

function check(field) {
if (checkflag == "false") {
  for (i = 0; i < field.length; i++) {
  field[i].checked = true;}
  checkflag = "true";
  return " keine ausw&auml;hlen "; }
else {
  for (i = 0; i < field.length; i++) {
  field[i].checked = false; }
  checkflag = "false";
  return " alle ausw&auml;hlen"; }
}

//  End -->
</script>
<form method="POST" action="index.php?page=modules&module=getrss">
    <table class="header" width="93%" align="center">
        <tr>
            <td class="header" width="16%">Kategorien per RSS:</td>
            <td class="lista" width="50%">
<a href="index.php?page=rss&amp;category=17"><img src="http://<meine_url>/style/hydro/images/categories/5.png" border="0"/></a><input type="checkbox" name="cat[]" value="17" />
                <a href="index.php?page=rss&amp;category=34"><img src="http://<meine_url>/style/hydro/images/categories/22..png" border="0"/></a><input type="checkbox" name="cat[]" value="34" />
                <a href="index.php?page=rss&amp;category=51"><img src="http://<meine_url>/style/hydro/images/categories/40.png" border="0"/></a><input type="checkbox" name="cat[]" value="51" />
                <a href="index.php?page=rss&amp;category=58"><img src="http://<meine_url>/style/hydro/images/categories/47.png" border="0"/></a><input type="checkbox" name="cat[]" value="58" />
                <a href="index.php?page=rss&amp;category=56"><img src="http://<meine_url>/style/hydro/images/categories/45.png" border="0"/></a><input type="checkbox" name="cat[]" value="56" />
                <a href="index.php?page=rss&amp;category=62"><img src="http://<meine_url>/style/hydro/images/categories/51.png" border="0"/></a><input type="checkbox" name="cat[]" value="62" />
                <a href="index.php?page=rss&amp;category=57"><img src="http://<meine_url>/style/hydro/images/categories/46.png" border="0"/></a><input type="checkbox" name="cat[]" value="57" />
                <a href="index.php?page=rss&amp;category=61"><img src="http://<meine_url>/style/hydro/images/categories/50.png" border="0"/></a><input type="checkbox" name="cat[]" value="61" />
                <a href="index.php?page=rss&amp;category=38"><img src="http://<meine_url>/style/hydro/images/categories/26.png" border="0"/></a><input type="checkbox" name="cat[]" value="38" />
                <a href="index.php?page=rss&amp;category=18"><img src="http://<meine_url>/style/hydro/images/categories/6.png" border="0"/></a><input type="checkbox" name="cat[]" value="18" />
                <a href="index.php?page=rss&amp;category=26"><img src="http://<meine_url>/style/hydro/images/categories/14.png" border="0"/></a><input type="checkbox" name="cat[]" value="26" />
                <a href="index.php?page=rss&amp;category=60"><img src="http://<meine_url>/style/hydro/images/categories/49.png" border="0"/></a><input type="checkbox" name="cat[]" value="60" />
                <a href="index.php?page=rss&amp;category=40"><img src="http://<meine_url>/style/hydro/images/categories/28.png" border="0"/></a><input type="checkbox" name="cat[]" value="40" />
                <a href="index.php?page=rss&amp;category=16"><img src="http://<meine_url>/style/hydro/images/categories/4.png" border="0"/></a><input type="checkbox" name="cat[]" value="16" />
                <a href="index.php?page=rss&amp;category=33"><img src="http://<meine_url>/style/hydro/images/categories/21.png" border="0"/></a><input type="checkbox" name="cat[]" value="33" />
                <a href="index.php?page=rss&amp;category=25"><img src="http://<meine_url>/style/hydro/images/categories/13.png" border="0"/></a><input type="checkbox" name="cat[]" value="25" />
                <a href="index.php?page=rss&amp;category=43"><img src="http://<meine_url>/style/hydro/images/categories/31.png" border="0"/></a><input type="checkbox" name="cat[]" value="43" />
                <a href="index.php?page=rss&amp;category=20"><img src="http://<meine_url>/style/hydro/images/categories/8.png" border="0"/></a><input type="checkbox" name="cat[]" value="20" />
                <a href="index.php?page=rss&amp;category=28"><img src="http://<meine_url>/style/hydro/images/categories/16.png" border="0"/></a><input type="checkbox" name="cat[]" value="28" />
                <a href="index.php?page=rss&amp;category=36"><img src="http://<meine_url>/style/hydro/images/categories/24.png" border="0"/></a><input type="checkbox" name="cat[]" value="36" />
                <a href="index.php?page=rss&amp;category=50"><img src="http://<meine_url>/style/hydro/images/categories/39.png" border="0"/></a><input type="checkbox" name="cat[]" value="50" />
                <a href="index.php?page=rss&amp;category=55"><img src="http://<meine_url>/style/hydro/images/categories/44.png" border="0"/></a><input type="checkbox" name="cat[]" value="55" />
                <a href="index.php?page=rss&amp;category=54"><img src="http://<meine_url>/style/hydro/images/categories/43.png" border="0"/></a><input type="checkbox" name="cat[]" value="54" />
                <a href="index.php?page=rss&amp;category=46"><img src="http://<meine_url>/style/hydro/images/categories/34.png" border="0"/></a><input type="checkbox" name="cat[]" value="46" />
                <a href="index.php?page=rss&amp;category=48"><img src="http://<meine_url>/style/hydro/images/categories/36.png" border="0"/></a><input type="checkbox" name="cat[]" value="48" />
                <a href="index.php?page=rss&amp;category=63"><img src="http://<meine_url>/style/hydro/images/categories/52.png" border="0"/></a><input type="checkbox" name="cat[]" value="63" />
                <a href="index.php?page=rss&amp;category=39"><img src="http://<meine_url>/style/hydro/images/categories/27.png" border="0"/></a><input type="checkbox" name="cat[]" value="39" />
                <a href="index.php?page=rss&amp;category=42"><img src="http://<meine_url>/style/hydro/images/categories/30.png" border="0"/></a><input type="checkbox" name="cat[]" value="42" />
                <a href="index.php?page=rss&amp;category=49"><img src="http://<meine_url>/style/hydro/images/categories/38.png" border="0"/></a><input type="checkbox" name="cat[]" value="49" />
                <a href="index.php?page=rss&amp;category=41"><img src="http://<meine_url>/style/hydro/images/categories/29.png" border="0"/></a><input type="checkbox" name="cat[]" value="41" />
                <a href="index.php?page=rss&amp;category=27"><img src="http://<meine_url>/style/hydro/images/categories/15.png" border="0"/></a><input type="checkbox" name="cat[]" value="27" />
                <a href="index.php?page=rss&amp;category=19"><img src="http://<meine_url>/style/hydro/images/categories/7.png" border="0"/></a><input type="checkbox" name="cat[]" value="19" />
                <a href="index.php?page=rss&amp;category=35"><img src="http://<meine_url>/style/hydro/images/categories/23.png" border="0"/></a><input type="checkbox" name="cat[]" value="35" />
                <a href="index.php?page=rss&amp;category=32"><img src="http://<meine_url>/style/hydro/images/categories/20.png" border="0"/></a><input type="checkbox" name="cat[]" value="32" />
                <a href="index.php?page=rss&amp;category=24"><img src="http://<meine_url>/style/hydro/images/categories/12.png" border="0"/></a><input type="checkbox" name="cat[]" value="24" />
                <a href="index.php?page=rss&amp;category=15"><img src="http://<meine_url>/style/hydro/images/categories/3.png" border="0"/></a><input type="checkbox" name="cat[]" value="15" />
                <a href="index.php?page=rss&amp;category=14"><img src="http://<meine_url>/style/hydro/images/categories/2.png" border="0"/></a><input type="checkbox" name="cat[]" value="14" />
                <a href="index.php?page=rss&amp;category=23"><img src="http://<meine_url>/style/hydro/images/categories/11.png" border="0"/></a><input type="checkbox" name="cat[]" value="23" />
                <a href="index.php?page=rss&amp;category=31"><img src="http://<meine_url>/style/hydro/images/categories/19.png" border="0"/></a><input type="checkbox" name="cat[]" value="31" />
                <a href="index.php?page=rss&amp;category=47"><img src="http://<meine_url>/style/hydro/images/categories/35.png" border="0"/></a><input type="checkbox" name="cat[]" value="47" />
                <a href="index.php?page=rss&amp;category=66"><img src="http://<meine_url>/style/hydro/images/categories/23.png" border="0"/></a><input type="checkbox" name="cat[]" value="66" />
                <a href="index.php?page=rss&amp;category=29"><img src="http://<meine_url>/style/hydro/images/categories/17.png" border="0"/></a><input type="checkbox" name="cat[]" value="29" />
                <a href="index.php?page=rss&amp;category=53"><img src="http://<meine_url>/style/hydro/images/categories/42.png" border="0"/></a><input type="checkbox" name="cat[]" value="53" />
                <a href="index.php?page=rss&amp;category=45"><img src="http://<meine_url>/style/hydro/images/categories/33.png" border="0"/></a><input type="checkbox" name="cat[]" value="45" />
                <a href="index.php?page=rss&amp;category=21"><img src="http://<meine_url>/style/hydro/images/categories/9.png" border="0"/></a><input type="checkbox" name="cat[]" value="21" />
                <a href="index.php?page=rss&amp;category=64"><img src="http://<meine_url>/style/hydro/images/categories/23.png" border="0"/></a><input type="checkbox" name="cat[]" value="64" />
           </td>
        </tr>
<!--
        <tr>
        <td class="header" colspan="2" align="center"><input type="button" value=" alle auswählen " onClick="this.value=check(this.form.cat[])"></td>
       </tr>
-->


Danke schon mal vorab !



Re: JS Checkboxen check all Problem

Autor: reporter
Datum: 13.10.2014 11:11:52

Hallo,

ein Blick in die Fehlerkonsole offenbarte den Fehler. Bei der Anweisung 'cat[]' denkt der Browser das ein Array angesprochen wird. Bei Übergabe an die Funktion schlägt die Ausführung von 'this.form.cat[]' fehl. Vorschlag von mir :

HTML:

<input type="button" value=" alle auswählen " onClick="this.value=this.value=check(this.form,'cat[]')">

Javascript:
  var checkflag = "false";

  function check(formObj, field)
  {
   fields = formObj.elements[field];
   if (checkflag == "false")
   {
    for (i = 0; i < fields.length; i++)
    {
     fields[i].checked = true;
    }
    checkflag = "true";
    return " keine auswählen ";
   } else {
    for (i = 0; i < fields.length; i++)
    {
     fields[i].checked = false;
    }
    checkflag = "false";
    return " alle auswählen";
   }
  }



Re: JS Checkboxen check all Problem

Autor: Charlie
Datum: 14.10.2014 07:51:34

Vielen Dank!, werde das heute Abend gleich einmal ausprobieren und dann eine Rückmeldung geben.


> Hallo,
>
> ein Blick in die Fehlerkonsole offenbarte den
> Fehler. Bei der Anweisung 'cat[]' denkt der
> Browser das ein Array angesprochen wird. Bei
> Übergabe an die Funktion schlägt die Ausführung
> von 'this.form.cat[]' fehl. Vorschlag von mir :
>
> HTML:
>
> <input type="button" value=" alle auswählen "
> onClick="this.value=this.value=check(this.form,'cat[]')">
>
> Javascript:
>   var checkflag = "false";
>
>   function check(formObj, field)
>   {
>    fields = formObj.elements[field];
>    if (checkflag == "false")
>    {
>     for (i = 0; i <
> fields.length; i++)
>     {
>      fields[i].checked = true;
>     }
>     checkflag = "true";
>     return " keine auswählen
> ";
>    } else {
>     for (i = 0; i <
> fields.length; i++)
>     {
>      fields[i].checked =
> false;
>     }
>     checkflag = "false";
>     return " alle auswählen";
>    }
>   }



Re: JS Checkboxen check all Problem

Autor: Charlie
Datum: 14.10.2014 08:08:38

Geprüft und Funktioniert !!!

Vielen vielen Dank für Deine Hilfe, TOP !!!

> Hallo,
>
> ein Blick in die Fehlerkonsole offenbarte den
> Fehler. Bei der Anweisung 'cat[]' denkt der
> Browser das ein Array angesprochen wird. Bei
> Übergabe an die Funktion schlägt die Ausführung
> von 'this.form.cat[]' fehl. Vorschlag von mir :
>
> HTML:
>
> <input type="button" value=" alle auswählen "
> onClick="this.value=this.value=check(this.form,'cat[]')">
>
> Javascript:
>   var checkflag = "false";
>
>   function check(formObj, field)
>   {
>    fields = formObj.elements[field];
>    if (checkflag == "false")
>    {
>     for (i = 0; i <
> fields.length; i++)
>     {
>      fields[i].checked = true;
>     }
>     checkflag = "true";
>     return " keine auswählen
> ";
>    } else {
>     for (i = 0; i <
> fields.length; i++)
>     {
>      fields[i].checked =
> false;
>     }
>     checkflag = "false";
>     return " alle auswählen";
>    }
>   }