Jquery为通过选择的单选按钮值按钮点击 [英] Jquery for pass selected radio button value on button click
本文介绍了Jquery为通过选择的单选按钮值按钮点击的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
是JQuery的新功能。我想在按钮单击上传递所选的单选按钮值，并在文本框和组合框中显示选定的单选按钮值。
我不知道如何完成。 p>
我当前的代码如下 .displayjobs（）显示带有页面加载值的表。
function displayjobs（）{
$（'＃jobsTable'）。empty（）;
$（＃jobsTable）。append（< tr>< th> Id< / th>< th>操作系统< th>浏览器< ;版本< /第><的第i; testscript< /第><的第i;服务器< /第>< / TR>中）;
$ .ajax（{
type：'GET'，
url：/ getJobs，
dataType：json，
success：function（jobs） {
alert（jobs）;
if（jobs.length == 0）{
alert（没有预定作业）;
$（＃jobsTable） .hide（）;
} else {
//jobs.forEach(function(job）{
$ .each（jobs，function（key，value）{
alert value.server）;
var tabString ='< tr>< td>'+ value.jobid +'< / td>< td>'+ value.os +'< / td>< ; td>'+ value.browser +'< / td>< td>'+ value.version +'< / td>< td>'+ value.script +'< / td>< td> ;'+ value.server +'< / td>< td>'+'< input type =radioname =joblistid ='+ value.jobid +'value ='+ value.jobid + '/>< / td>< / tr>';
$（ #jobsTable）。append（tabString）;
}）;
}
}
}）;
}
在按钮onClick showdata（）中，我必须显示所选的单选按钮值文本框和组合框
< h3>列表作业< / h3>
< div>
< h1 style =padding：10px;>作业在数据库< / h1>
< div id =jobTablestyle =padding-left：50px;>
< div style =padding：5px; padding-left：0px;>
< table id =jobsTableborder =1>
< / table>
< input type =buttonid =showvalue =showrecordonclick =showdata（）;/>
< / div>
< / div>
< br />
< / div>
< div id =manage>
< div>
< label>操作系统< / label>
< select id =OSonchange =browserlist（）;>
< option value =win7 32> Windows 7 - 32< / option>
< option value =win7 64> Windows 7 - 64< / option>
< option value =Vista 32> Windows Vista - 32< / option>
< option value =Vista 64> Windows Vista - 64< / option>
< option value =Win8 X64> Windows 8 - X64< / option>
< / select>
< / div>
< div>
< label>浏览器< / label>
< select id =browsersonchange =browserDet（）;>
< option value =>< / option>
< / select>
< / div>
< div>
< label>版本< / label>
< select id =version>
< / select>
< / div>
< div>
< label>测试脚本< / label>
< select id =testscriptlist>
< option value =>< / option>
< option value =>< / option>
< / select>
< / div>
< div>
< label>服务器：< / label>
< input type =textid =servervalue =/>
< / div>
< br />
< / div>
解决方案
function showdata （）{
var $ tr = $（'input：radio：checked'）。parent（）。 //将给你tr
var jobid = $ tr.find（td：eq（0））。html（）; // first td text
var os = $ tr.find（td：eq（1））。html（）; // second td text ....
.....
var server = $ tr.find（td：eq（5））。html（）;
$（＃OS）。append（< option value ='+ os +'selected>+ os +< / option>）; //添加一个选项来选择
$（＃server）。val（server）; //将值添加到文本框
}
Am 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.
I dont know how it can be done.
My current code as follows.displayjobs() displays the table with values in page load.
function displayjobs() {
$('#jobsTable').empty();
$("#jobsTable").append("<tr><th>Id</th><th>Operating System</th><th>Browser</th><th>version</th><th>testscript</th><th>server</th></tr>");
$.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 = '<tr><td>' + value.jobid + '</td><td>' + value.os + '</td><td>' + value.browser + '</td><td>' + value.version + '</td><td>' + value.script + '</td><td>' + value.server + '</td><td>' + '<input type="radio" name="joblist" id= ' + value.jobid + 'value=' + value.jobid + '/> </td></tr>';
$("#jobsTable").append(tabString);
});
}
}
});
}
In button onClick showdata()i have to show the selected radio button values to text boxes and comboboxex
<h3>List Jobs</h3>
<div>
<h1 style="padding: 10px;">Jobs In Database</h1>
<div id="jobTable" style="padding-left: 50px;">
<div style="padding: 5px; padding-left: 0px;">
<table id="jobsTable" border="1">
</table>
<input type="button" id="show" value="showrecord" onclick="showdata();"/>
</div>
</div>
<br/>
</div>
<div id="manage">
<div>
<label>Operating Systems</label>
<select id="OS" onchange="browserlist();">
<option value="win7 32">Windows 7 - 32 </option>
<option value="win7 64">Windows 7 - 64 </option>
<option value="Vista 32">Windows Vista - 32</option>
<option value="Vista 64">Windows Vista - 64</option>
<option value="Win8 X64">Windows 8 - X64</option>
</select>
</div>
<div>
<label>Browsers</label>
<select id="browsers" onchange="browserDet();">
<option value=""></option>
</select>
</div>
<div>
<label>Versions</label>
<select id="version">
</select>
</div>
<div>
<label>Test Scripts</label>
<select id="testscriptlist">
<option value=""></option>
<option value=""></option>
</select>
</div>
<div>
<label>Server:</label>
<input type="text" id="server" value="" />
</div>
<br/>
</div>
解决方案
function showdata(){
var $tr=$('input:radio:checked').parent().parent(); //will give you the tr
var jobid= $tr.find("td:eq(0)").html(); //first td text
var os= $tr.find("td:eq(1)").html(); //second td text....
.....
var server=$tr.find("td:eq(5)").html();
$("#OS").append("<option value='"+os+"' selected>"+os+"</option>"); //to add an option to select
$("#server").val(server); //to add value to text box
}
这篇关于Jquery为通过选择的单选按钮值按钮点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
