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
Clic pe tag-ul care creaza o lista ordonata numeric
<ul> <tr> <ol>
<ol>
  <li>List-1</li>
  <li>List-2</li>
</ol>
Care selector reprezinta ID-ul unui element in CSS
.nume #nume nume
#id {
  color: #0110fb;
}
Ce cod creaza un obiect in JavaScript?
{} [] new Date()
var obj = {"site": "CoursesWeb.net", "pr": 5};
alert(obj.site);
Indicati instructiunea prin care se verifica daca o conditie este True sau False
else if() switch()
$var = 8;
if($var == 8) echo $var;
Indicati timpul Prezent pentru verbul "to be" (a fi).
be were is
Now, it is here.
- Acum este aici.
Care este conjugarea la timpul prezent al verbului "divertirse" (a se distra) la forma "yo"?
te diviertas me divierto se divierta
Yo me divierto.
- Eu ma distrez.

S H A R E

Sharing Twitter

Last accessed pages

  1. Animatie elemente HTML cu CSS (3359)
  2. Elemente principale HTML (28698)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (69922)
  4. Limba spaniola curs online incepatori si avansati (30871)
  5. Curs de Miracole (4363)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (25)
  2. Curs HTML gratuit Tutoriale HTML5 (13)
  3. Coduri pt culori (8)
  4. Gramatica limbii spaniole. Indrumator si prezentare generala (8)
  5. Limba spaniola curs online incepatori si avansati (7)