Obtine valoarea elementelor checkbox selectate intr-un formular

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):

Continut ...
<hr />
Alt continut sub linie ...

h2 {
  color: #cbdafb;
}

var str = "Web courses - http://CoursesWeb.net/";
if(str.indexOf("http://") == -1) alert("http:// nu e in sir");
else alert("http:// e in sir");

$str = "mar,banana,pepene,para";
$arr = explode(",", $str);
var_export($arr);      // array (0=>"mar", 1=>"banana", 2=>"pepene", 3=>"para")

July is a beautiful summer month.
- Iulie este o frumoasa luna de vara.

Julio es un hermoso mes de verano.
- Iulie este o frumoasa luna de vara.