In aceasta pagina e prezentata o functie JavaScript ce poate fi utilizata pentru a
obtine valoarea elementelor checkbox selectate /bifate intr-un formular. Functia primeste obiectul cu acel formular, apoi returneaza un Array cu valorile elementelor checkbox selectate /bifate in acel <form>
- Iata functia:
// Returneaza un Array cu valorile elementelor checkbox selectate in "frm"
function getSelectedChbox(frm) {
// Curs JavaScript & jQuery - https://marplo.net/javascript/
var selchbox = []; // array ce va stoca valorile elementelor checkbox selectate
// obtine toate tag-urile input, si numarul lor
var inpfields = frm.getElementsByTagName('input');
var nr_inpfields = inpfields.length;
// parcurge elementele input, adauga valoarea checkbox-urilor selectate in selchbox
for(var i=0; i<nr_inpfields; i++) {
if(inpfields[i].type == 'checkbox' && inpfields[i].checked == true) selchbox.push(inpfields[i].value);
}
return selchbox;
}
Exemplu utilizare functie getSelectedChbox(). La clic pe un anumit buton din formular cu mai multe checkbox-uri, afiseaza fereastra alert cu valorile checkbox-urilor selectate.
Bifeaza limbajul de programare Web pe care-l cunosti:
<form action="script.php" method="post">
<input type="checkbox" name="chb[]" value="html" />HTML<br/>
<input type="checkbox" name="chb[]" value="css" />CSS<br/>
<input type="checkbox" name="chb[]" value="javascript" />JavaScript<br/>
<input type="checkbox" name="chb[]" value="php" />php<br/>
<input type="checkbox" name="chb[]" value="python" />Python<br/>
<input type="checkbox" name="chb[]" value="net" />Net<br/>
<input type="button" value="Click" id="btntest" />
</form>
<script type="text/javascript"><!--
// Returneaza un Array cu valorile elementelor checkbox selectate in "frm"
function getSelectedChbox(frm) {
// JavaScript & jQuery Course - http://www.coursesweb.net/javascript/
var selchbox = []; // array ce va stoca valorile elementelor checkbox selectate
// obtine toate tag-urile input, si numarul lor
var inpfields = frm.getElementsByTagName('input');
var nr_inpfields = inpfields.length;
// parcurge elementele input, adauga valoarea checkbox-urilor selectate in selchbox
for(var i=0; i<nr_inpfields; i++) {
if(inpfields[i].type == 'checkbox' && inpfields[i].checked == true) selchbox.push(inpfields[i].value);
}
return selchbox;
}
/* Testare functie */
// La clic pe #btntest, afiseaza valorile selectate
document.getElementById('btntest').onclick = function(){
var selchb = getSelectedChbox(this.form); // obtine array-ul returnat de getSelectedChbox()
alert(selchb);
}
//-->
</script>
Rezultat (selectati casute checkbox, apoi clic pe buton):
Bifeaza limbajul de programare Web pe care-l cunosti:
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut indica faptul ca un camp de formular trebuie completat?
required="required" autofocus="autofocus" placeholder="text"<input type="text" name="name1" required="required" />
Ce metoda CSS misoreaza sau mareste dimensiunile unui element (inclusiv continutul)?
translate() scale() skew()#some_id:hover {
transform: scale(2, 1.5);
-ms-transform: scale(2, 1.5); /* IE 9 */
-moz-transform: scale(2, 1.5); /* Firefox */
}
Click pe metoda obiectului Date care returneaza ziua din luna.
setDate() getMonth() getDate()var rightnow = new Date();
var day = rightnow.getDate();
alert(day);
Ce functie este folosita pentru a incarca un fisier pe server?
is_file() move_uploaded_file() fopen()if(move_uploaded_file($_FILES["field_name"]["tmp_name"], "dir/file_name")) {
echo "Fisierul a fost incarcat";
}
Cum se spune in engleza expresia: "Ploua cu galeata"?
rain cats and dogs rain buckets quiet rainIn Bucharest it`s raining cats and dogs.
- In Bucuresti ploua cu galeata.
Cum se spune in spaniola expresia: "Ploua cu galeata"?
llover cubo llover a cántaros lluvia tranquilaEn Madrid está lloviendo a cántaros.
- In Madrid ploua cu galeata.