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 tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Obtine valoarea elementelor checkbox selectate intr-un formular

Last accessed pages

  1. Cursuri Limba Italiana (7137)
  2. Adverbele in limba engleza - Adverbs (33730)
  3. Invatare Vue.js - Tutoriale (2602)
  4. Ora curenta JavaScript (2176)
  5. Curs de Miracole (4659)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (372)
  2. Gramatica limbii engleze - Prezentare Generala (212)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (165)
  4. Coduri pt culori (157)
  5. Cursuri limba engleza gratuite si lectii online (138)
Chat
Discuta sau lasa un mesaj pt. ceilalti utilizatori
Full screenInchide