Thursday, 22 August 2013

Jquery for pass selected radio button value on button click

Jquery for pass selected radio button value on button click

pAm new to JQuery. I want to pass the selected radio button values on
button click and show that selected radio button values in textboxes and
comboboxes./p pI dont know how it can be done./p pMy current code as
followscode.displayjobs()/code displays the table with values in page
load./p precodefunction displayjobs() { $('#jobsTable').empty();
$(#jobsTable).append(lt;trgt;lt;thgt;Idlt;/thgt;lt;thgt;Operating
Systemlt;/thgt;lt;thgt;Browserlt;/thgt;lt;thgt;versionlt;/thgt;lt;thgt;testscriptlt;/thgt;lt;thgt;serverlt;/thgt;lt;/trgt;);
$.ajax({ type: 'GET', url: /getJobs, dataType: json, success: function
(jobs) { alert(jobs); if(jobs.length == 0) { alert(There are no scheduled
Jobs); $(#jobsTable).hide(); } else { //jobs.forEach(function(job) {
$.each(jobs, function(key,value) { alert(value.server); var tabString =
'lt;trgt;lt;tdgt;' + value.jobid + 'lt;/tdgt;lt;tdgt;' + value.os +
'lt;/tdgt;lt;tdgt;' + value.browser + 'lt;/tdgt;lt;tdgt;' + value.version
+ 'lt;/tdgt;lt;tdgt;' + value.script + 'lt;/tdgt;lt;tdgt;' + value.server
+ 'lt;/tdgt;lt;tdgt;' + 'lt;input type=radio name=joblist id= '+
value.jobid +'value=' + value.jobid + '/gt; lt;/tdgt;lt;/trgt;';
$(#jobsTable).append(tabString); }); } } }); } /code/pre pIn button
onClick showdata()i have to show the selected radio button values to text
boxes and comboboxex/p precodelt;h3gt;List Jobslt;/h3gt; lt;divgt; lt;h1
style=padding: 10px;gt;Jobs In Databaselt;/h1gt; lt;div id=jobTable
style=padding-left: 50px;gt; lt;div style=padding: 5px; padding-left:
0px;gt; lt;table id=jobsTable border=1gt; lt;/tablegt; lt;input
type=button id=show value=showrecord onclick=showdata();/gt; lt;/divgt;
lt;/divgt; lt;br/gt; lt;/divgt; lt;div id=managegt; lt;divgt;
lt;labelgt;Operating Systemslt;/labelgt; lt;select id=OS
onchange=browserlist();gt; lt;option value=win7 32gt;Windows 7 - 32
lt;/optiongt; lt;option value=win7 64gt;Windows 7 - 64 lt;/optiongt;
lt;option value=Vista 32gt;Windows Vista - 32lt;/optiongt; lt;option
value=Vista 64gt;Windows Vista - 64lt;/optiongt; lt;option value=Win8
X64gt;Windows 8 - X64lt;/optiongt; lt;/selectgt; lt;/divgt; lt;divgt;
lt;labelgt;Browserslt;/labelgt; lt;select id=browsers
onchange=browserDet();gt; lt;option value=gt;lt;/optiongt; lt;/selectgt;
lt;/divgt; lt;divgt; lt;labelgt;Versionslt;/labelgt; lt;select
id=versiongt; lt;/selectgt; lt;/divgt; lt;divgt; lt;labelgt;Test
Scriptslt;/labelgt; lt;select id=testscriptlistgt; lt;option
value=gt;lt;/optiongt; lt;option value=gt;lt;/optiongt; lt;/selectgt;
lt;/divgt; lt;divgt; lt;labelgt;Server:lt;/labelgt; lt;input type=text
id=server value= /gt; lt;/divgt; lt;br/gt; lt;/divgt; /code/pre

No comments:

Post a Comment