Forum PHP.pl

Witam,
w jaki sposób zrobić aby przycisk buton pojawiał się przy zaznaczeniu checkboxa. Chodzi mi o to aby user nie przeszedł do dalszej części skryptu jeśli nie dokona wyboru.
Na tę chwilę mam to:

[PHP] pobierz, plaintext 
<form action="" name="generator" method="post">
<button type="button" class="btn btn-default" style="width:130px;" onClick="java script:submit()">Dalej
<input type=hidden name="generuj" value="generuj" />
</button>
<table width="100%" align="center" valign="center" border="1">
<tr>
<td align="center">Fakturuj</td>
<td align="center">Nr spr</td>
<td align="center">L.p.</td>
<td align="center">id</td>
<td align="center">Data </td>
<td align="center">Nr </td>
<td align="center">Nazwa</td>
<td align="center">Ilość</td>
<td align="center">Waga</td>
<td align="center">cena</td>
<td align="center">upust</td>
<td align="center">% lub zł</td>
<td align="center">Wartość</td>
<td align="center">Odliczono [zł]</td>
</tr>
<?
$lp      = 0;
$wartosc = 0;
$zwrot   = 0;
 
while($t=mysql_fetch_array($tabelkawynik)) {
$lp++;
echo '
<tr>
<td align="center" width="10px">
<input type="checkbox"  onClick="if (this.checked) return sprawdz(this); else odejmij()" name="spr'.$t[nr_spr].'" id="wystaw'.$t[nr_spr].'" value="'.$t[nr_spr].'" />
 
</td>
<td align="center">'.$lp.'</td>
<td align="center">'.$t[nr_spr].'</td>
<td align="center">'.$t[identyfikator].'</td>
<td align="center">'.$t[data].'</td>
<td align="center">'.$t[numer].'</td>
<td align="center">'.$t[nazwa].'</td>
<td align="center">'.$t[ilosc].'</td>
<td align="center">'.$t[waga].'</td>
<td align="center">'.$t[cenaprzedupustem].'</td>
<td align="center">'.$t[upust].'</td>
<td align="center">'.$t[rodzajzwrotu].'</td>
 
<td align="center">'.$wartosc.'</td>
<td align="center">'.$zwrot.'</td>
 
</tr>';
}
?>
</table></form>
 
 
 
[PHP] pobierz, plaintext 

Nie dałeś kodu tych funkcji JS sprawdz() i odejmij() więc ciężko powiedzieć co tam robią przy kliknięciu na checkbox-ie.
Ale jeśli tylko wyświetlają/ukrywają button to ten onClick mógł by wyglądać tak:

[PHP] pobierz, plaintext 
dla buttonu dodać atrybut id="jakis_id"
a w checkbox-ie:
onClick="if (this.checked) document.getElementById(\'jakis_id\').style.removeProperty(\'display\'); else document.getElementById(\'jakis_id\').style.display = \'none\';)"
[PHP] pobierz, plaintext 

A tak wgl to radzę zapoznać się ze składnią heredoc. Wtedy nie trzeba jak ja wyżej znaków '\' przed apostrofami a i w twoim kodzie jakże lepiej i prościej by wyglądało:

[PHP] pobierz, plaintext 
echo <<< MOJTEXT
<tr>
<td align="center" width="10px">
<input type="checkbox"  onClick="if (this.checked) return sprawdz(this); else odejmij()" name="spr{$t['nr_spr']}" id="wystaw{$t['nr_spr']}" value="{$t['nr_spr']}" />
 
</td>
<td align="center">$lp</td>
<td align="center">{$t['nr_spr']}</td>
<td align="center">{$t['identyfikator']}</td>
<td align="center">{$t['data']}</td>
<td align="center">{$t['numer']}</td>
<td align="center">{$t['nazwa']}</td>
<td align="center">{$t['ilosc']}</td>
<td align="center">{$t['waga']}</td>
<td align="center">{$t['cenaprzedupustem']}</td>
<td align="center">{$t['upust']}</td>
<td align="center">{$t['rodzajzwrotu']}</td>
 
<td align="center">$wartosc</td>
<td align="center">$zwrot</td>
 
</tr>
MOJTEXT;
[PHP] pobierz, plaintext 

Ten post edytował miki22 24.01.2016, 13:25:45

oto wspomniane funkcje, sprawdzają mi ile jest zaznaczonych checkboxów, ale dodatkowo przy zaznaczonym dowolnym chcę pokazywać butona:
<script language="JavaScript">
maxBoxow = 2;
zaznaczoneBoxy = 0;
function sprawdz(theBox) {
if (zaznaczoneBoxy+1 > maxBoxow) {
alert('Nie można zaznaczyć więcej niż: '+maxBoxow+' szt');
return false;
}
zaznaczoneBoxy++
return true;
}
function odejmij() {
zaznaczoneBoxy--
}
</script>

Zrobiłem że działa w ten sposób:
<script language="JavaScript" type="text/javascript">
//<![CDATA[
function pokaz() {
obj=document.getElementById('ukryte');
objCheck=document.getElementById('zaznaczanie');
objlista = document.getElementById('lista');
if (objCheck.checked) {
obj.style.display="";
objlista.style.display="none";
}
else
{
obj.style.display="none";
objlista.style.display="";
}
}
//]]>
</script>

[HTML] pobierz, plaintext 
<input type="checkbox" id="zaznaczanie" onClick="pokaz()"  value="1" />
[HTML] pobierz, plaintext 

Mam z kolei też funkcję która kontroluje ilość zaznaczonych checkboxów
<script language="JavaScript">
maxBoxow = 2;
zaznaczoneBoxy = 0;
function sprawdz(theBox) {
if (zaznaczoneBoxy+1 > maxBoxow) {
alert('Nie można zaznaczyć więcej niż: '+maxBoxow+' szt');
return false;
}
zaznaczoneBoxy++
return true;
}
function odejmij() {
zaznaczoneBoxy--
}
</script>

[HTML] pobierz, plaintext 
<input type="checkbox" id="zaznaczanie" onClick="if (this.checked) return sprawdz(this); else odejmij()"  name="spr'.$t[nr_spr].'" value="'.$t[nr_spr].'" />
[HTML] pobierz, plaintext 

Jak połączyć to w całość? tak aby jeden checkbox wykonywał obydwie funkcje?

Ten post edytował krzesik 24.01.2016, 13:47:27