Zaznacz wszystkie (name[], jeden button) Opcje

[8_pasarzer_NOSTR...]

Kto pomoże przerobić kod aby był jeden przycisk (Zaznacz wszystko / Odznacz wszystko)
Podaje kod, działający (IE,Fox,Chrome):

[HTML] pobierz, plaintext 
<script LANGUAGE="JavaScript">
function SetValues(Form, CheckBox, Value)
{
    var objCheckBoxes = document.forms[Form].elements[CheckBox];
    var countCheckBoxes = objCheckBoxes.length;
    for(var i = 0; i < countCheckBoxes; i++)
        objCheckBoxes[i].checked = Value;
}
</script>
 
 
<form name="sports" method="post" action="insert.php">
<table border = "1" cellpadding = "5">
<tr>
<td><input type='checkbox' name=boxes[] value='Baseball' />Basketball</td>
<td><input type='checkbox' name=boxes[] value='Basketball' />Basketball</td>
<td><input type='checkbox' name=boxes[] value='Bowling' />Bowling</td>
</tr><tr>
<td><input type='checkbox' name=boxes[] value='Rugby' />Rugby</td>
<td><input type='checkbox' name=boxes[] value='Tennis' />Tennis</td>
<td><input type='checkbox' name=boxes[] value='Valleyball' />Valleyball</td>
</tr></table>
<input type="button" value="Zaznacz wszystkie" onclick="SetValues('sports', 'boxes[]', true);">
<input type="button" value="Odznacz wszystkie" onclick="SetValues('sports', 'boxes[]', false);">
[HTML] pobierz, plaintext 

Prośba o przerobienie na jeden przycisk (Zaznacz/Odznacz)

[john_doe]

a tak ?
edytowalem bo mi się coś nie udało. teraz działa - sprawdzilem

[HTML] pobierz, plaintext 
function SetValues(Form, CheckBox)
    {
        var objCheckBoxes = document.forms[Form].elements[CheckBox];
        var countCheckBoxes = objCheckBoxes.length;
        for(var i = 0; i < countCheckBoxes; i++)
        {
                  if(objCheckBoxes[i].checked)
                  {
                         //alert('im in');                          
                         objCheckBoxes[i].checked = false;
 
                  }else { objCheckBoxes[i].checked = true; }
        }          
    }
[HTML] pobierz, plaintext 

Ten post edytował john_doe 5.12.2012, 12:26:52

[8_pasarzer_NOSTR...]

Dzięki Dżony !

A jeszcze jak przerobić by przycisk był taki dla pustych checkboxów :

[HTML] pobierz, plaintext 
<input type="button" value="Zaznacz wszystkie" onclick="SetValues('sports', 'boxes[]', true);">
[HTML] pobierz, plaintext 

następnie taki, dla zaznaczonych

[HTML] pobierz, plaintext 
<input type="button" value="Odznacz wszystkie" onclick="SetValues('sports', 'boxes[]', true);">
[HTML] pobierz, plaintext 

Aby się dynamicznie zmieniał.

[john_doe]

[HTML] pobierz, plaintext 
function SetValues(Form, CheckBox)
    {
        var objCheckBoxes = document.forms[Form].elements[CheckBox];
        var countCheckBoxes = objCheckBoxes.length;
        for(var i = 0; i < countCheckBoxes; i++)
        {
                  if(objCheckBoxes[i].checked)
                  {
 
                         objCheckBoxes[i].checked = false;
 
			document.getElementById("btn").value="Zaznacz wszystkie";
 
                  }else { 
				objCheckBoxes[i].checked = true;
				document.getElementById("btn").value="Odznacz wszystkie"; 
			}
        }          
    }
[HTML] pobierz, plaintext 

ogólnie trzeci parametr wyrzuć z tych inputów jest niepotrzebny już teraz

Ten post edytował john_doe 5.12.2012, 13:53:02

[8_pasarzer_NOSTR...]

Przycisk działa ale, zaznacza tylko pierwszy z inputów i usuwa tylko ten wybrany pierwszy z inputów.

Inputy są w pętli, mniej więcej 30.

[john_doe]

coś zepsułeś... nie dodałes id do buttona ( id="btn" )

przeklej sobie to wszystko

[HTML] pobierz, plaintext 
<script LANGUAGE="JavaScript">
 
    function SetValues(Form, CheckBox)
    {
        var objCheckBoxes = document.forms[Form].elements[CheckBox];
        var countCheckBoxes = objCheckBoxes.length;
        for(var i = 0; i < countCheckBoxes; i++)
        {
                  if(objCheckBoxes[i].checked)
                  {
 
                         objCheckBoxes[i].checked = false;
 
			             document.getElementById("btn").value="Zaznacz wszystkie";
 
                  }else { 
				            objCheckBoxes[i].checked = true;
				            document.getElementById("btn").value="Odznacz wszystkie"; 
			             }
        }          
    }
</script>
 
 
<form name="sports" method="post" action="insert.php">
 
    <input type='checkbox' name=boxes[] value='Baseball' />Basketball
    <input type='checkbox' name=boxes[] value='Basketball' />Basketball
    <input type='checkbox' name=boxes[] value='Bowling' />Bowling
 
    <input type='checkbox' name=boxes[] value='Rugby' />Rugby
    <input type='checkbox' name=boxes[] value='Tennis' />Tennis
    <input type='checkbox' name=boxes[] value='Valleyball' />Valleyball
 
    <input type="button" id="btn" value="Zaznacz wszystkie" onclick="SetValues('sports', 'boxes[]');" />
 
 
</form>
[HTML] pobierz, plaintext 

Ten post edytował john_doe 5.12.2012, 14:50:48

[8_pasarzer_NOSTR...]

Git majonez,



"POMÓGŁ"