Curs Javascript

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:
HTML
CSS
JavaScript
php
Python
Net

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care atribut specifica metoda HTTP de trimitere (GET, POST) a datelor din formular?
action method value
<form action="script.php" method="post"> ... </form>
Ce proprietate CSS adauga umbra la chenar?
background-image box-shadow border-radius
#id {
  background-color: #bbfeda;
  box-shadow: 11px 11px 5px #7878da;
}
Clic pe functia care elimina primul element dintr-un array?
pop() push() shift()
var fruits = ["mar", "cireasa", "banana"];
fruits.shift();
alert(fruits.length);           // 2
Indicati functia cu care se poate verifica daca un anumit modul e instalat in PHP.
function() filetype() extension_loaded()
if(extension_loaded("PDO") === true) echo "PDO este valabil."
Alegeti verbul auxiliar corect care trebuie in propozitia: " ... I listen to music?".
has have Can
 Can I listen to music?
- Pot asculta muzica?
Alegeti verbul corect care trebuie in propozitia: "Me ... las frutas dulces"
están gustan gusta
Me gustan las frutas dulces.
- Imi plac fructele dulci.
Obtine valoarea elementelor checkbox selectate intr-un formular

Last accessed pages

  1. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (66612)
  2. Prezent perfect continuu - Exercitii si teste incepatori (15680)
  3. Exercitii engleza - English Tests and exercises - Grammar (113269)
  4. Demonstrative (2010)
  5. Prezentul continuu - Exercitii si teste incepatori (38189)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (214)
  2. Gramatica limbii engleze - Prezentare Generala (178)
  3. Exercitii engleza - English Tests and exercises - Grammar (166)
  4. Prezentul simplu si continuu - Present Tense Simple and Continuous (115)
  5. Coduri pt culori (110)