zaznacz odznacz wszystkie Opcje

[john_doe]

Witajcie,

za pomoca checkboxa nie mam problemu zeby zaznaczyc pozostałe wszystkie checkboxy ale za pomocą jakiejś grafiki nie za bardzo

taki mam kod:

[HTML] pobierz, plaintext 
<script>
function zaznacz(source, form) {
   var checkboxy = document.getElementById(form).getElementsByTagName('input');
   for(i = 0; i < checkboxy.length; i++)
      if(checkboxy[i].type == 'checkbox')
         checkboxy[i].checked = (source.checked) ? true : false;
}
</script>
 
<form action = "delInbox.php" method = "POST" id="checkboxy">
 
Check all 
<input type="checkbox" onClick="zaznacz(this, 'checkboxy')" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onClick="zaznacz(this, 'checkboxy')"/>
 
 
 
<br />
 
<input type="checkbox" />
<br />
<input type="checkbox" />
 
</form>
[HTML] pobierz, plaintext 

oczywiście nie dziala. Co robię nie tak

dzieki pozdrawiam

[emacieka]

[HTML] pobierz, plaintext 
<script>
var checkboxs_checked = false;
 
function zaznacz (form)
{
    var checkboxy = document.getElementById(form).getElementsByTagName('input');
    for(i = 0; i < checkboxy.length; i++)
    {
        if (checkboxy[i].type == 'checkbox')
        {
            checkboxy[i].checked = checkboxs_checked ? false : true;
        }
    }
 
    checkboxs_checked = checkboxs_checked ? false : true;
}
</script>
 
<form action="delInbox.php" method="POST" id="checkboxy">
 
Check all
<input type="checkbox" onClick="zaznacz('checkboxy')" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onClick="zaznacz('checkboxy'); return false;" />
 
 
 
<br />
 
<input type="checkbox" />
<br />
<input type="checkbox" />
 
</form>
[HTML] pobierz, plaintext 

[vanvar]

Hej, podbije trochę temat, bo w sumie mam podobny problem. W moim przypadku mam tą samą rodzinę checkboxów, które należą do różnych kategorii. Przykładowo:

Kod

<input id="rodzina" name="postuj" value="6" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Rodzina/a>
<input id="rodzina" name="postuj" value="2" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Rodzina</a>
<input id="dzieci" name="postuj" value="8" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="21" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="24" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="22" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>

Chciałbym, żeby po kliknnięciu na np. Rodzina zaznaczały się pola z kategori Rodzina. Chyba wiadomo o co chodzi
Z góry dzięki za pomoc, bo w JS jestem zielony

Ten post edytował vanvar 11.11.2008, 14:40:29

[emacieka]

Pisane na szybko, moze ktos to ladniej ropisze

Kod

<script>
var checkboxs_checked = false;

function zaznacz (form,checkbox)
{
    var checkboxy = document.getElementById(form).getElementsByTagName('input');


    for( i = 0; i < checkboxy.length; i++ )
    {
        if (checkboxy[i].type == 'checkbox' && ( !checkbox || checkboxy[i].id == checkbox.id ) )
        {
            checkboxy[i].checked = checkboxy[i].checked ? false : true;
        }
    }

    checkbox.checked = checkbox.checked ? false : true;
}
</script>

<form action="delInbox.php" method="POST" id="checkboxy">

Check all
<input type="checkbox" onclick="zaznacz('checkboxy',false)" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onclick="zaznacz('checkboxy',false);" />



<br />

<label><input id="rodzina" name="postuj" value="6" type="checkbox" onclick="zaznacz('checkboxy', this)">Rodzina</label>
<label><input id="rodzina" name="postuj" value="2" type="checkbox" onclick="zaznacz('checkboxy', this)">Rodzina</label>
<label><input id="dzieci" name="postuj" value="8" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="21" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="24" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="22" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>

</form>

[vanvar]

Działa, ale zależało by mi na tym, żeby zaznaczanie odbywało się właśnie poprzez klik linka - co umożliwiło by szybkie zaznaczenia 20 checkboxow, a potem odznaczenie jednego, bez odznaczenia pozostalych

[emacieka]

Kod

<script>
var checkboxs_checked = false;

function zaznacz (form,id)
{
    var checkboxy = document.getElementById(form).getElementsByTagName('input');


    for( i = 0; i < checkboxy.length; i++ )
    {
        if (checkboxy[i].type == 'checkbox' )
        {
            if ( ! id )
            {
                checkboxy[i].checked = checkboxs_checked ? false : true;
            }
            else if ( checkboxy[i].id == id )
            {
                checkboxy[i].checked = checkboxy[i].checked ? false : true;
            }
            
        }
    }

    if ( ! id )
    {
        checkboxs_checked = checkboxs_checked ? false : true;
    }
}
</script>

<form action="delInbox.php" method="POST" id="checkboxy">

Check all
<input type="checkbox" onclick="zaznacz('checkboxy')" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onclick="zaznacz('checkboxy');" />



<br />

<input id="rodzina" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'rodzina')">Rodzina</span>
<input id="rodzina" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'rodzina')">Rodzina</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>

</form>

[vanvar]

Dzęki kolego