Saturday, May 23, 2015

Get All Form Element Values Using JQuery

Steps To Follow:

1.To get all elements( textbox,checkbox,radiobutton,textarea) values inside a div with id “parentdiv” below jQuerycode is used.

var outval = "";
$('#parentdiv input:checked,#parentdiv textarea,#parentdiv input[type=text]').map(function () {
    outval += this.value + ",";
}).get().join(',')
alert(outval);

2. If your parentdiv contains many divs inside it then you can use the below code to get the value.

var outval = "";
jQuery('#parentdiv > div input:checked,#parentdiv > div textarea,#parentdiv > input[type=text]').map(function () {
    outval += this.value + ",";
}).get().join(',')

alert(outval);