Hide element on click outside, is a must-have functionality for the dropdown menu. Apart from that, it also used in some situations where you need to hide div when the user clicks outside of this element. You can easily hide div or element when click outside of it using jQuery. In the example code snippet,…
Leggi tutto
Add class to checkbox
|
1 2 3 4 5 6 7 |
<div id="checkboxList"> <div><input type="checkbox" value="1" class="myChk"> Value 1</div> <div><input type="checkbox" value="2" class="myChk"> Value 2</div> <div><input type="checkbox" value="3" class="myChk"> Value 3</div> <div><input type="checkbox" value="4" class="myChk"> Value 4</div> <div><input type="checkbox" value="5" class="myChk"> Value 5</div> <div> |
Create a function to return a JSON string
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
function arrayChk(){ var arrAn = []; var m = $('.myChk'); var arrLen = $('.myChk').length; for ( var i= 0; i < arrLen ; i++){ var w = m[i]; if (w.checked){ arrAn.push( { "myVal" : w.value } ); console.log(w.value ); } } var myJsonString = JSON.stringify(arrAn); //convert javascript array to JSON string console.log( 'result' + myJsonString); alert(myJsonString); return myJsonString; } |
Here an example https://jsfiddle.net/a3owjh85/1/
[iframe style=”margin-left: 120px;” width=”100%” height=”350px” src=”http://82.85.184.181/fileshare/sitosimo/calc_edit.html”] Per la creazione di questa calcolatrice iniziamo a definire gli spazi in cui verrano posizionati i nostri elementi (numeri e operazioni) includendoli nei tag div. Per la visualizzazione delle operazioni utilizziamo un input text. Lo stile(CSS) della calcolatrice è stato definito in linea al file, per comodità può essere…
Leggi tutto
Mi è capitato ultimamente di dover utilizzare contemporaneamente due fra le più importanti librerie Javascript all’interno dello stesso progetto: parlo della libreria JQuery e Prototype. Nel fare questo però ho incontrato non poche difficoltà a motivo del fatto che entrambe le librerie dichiarano la stessa variabile “$”. Per questo motivo tutto ciò che veniva referenziato…
Leggi tutto
