单选按钮设置文本框值
[英]radio button sets text box value
问题描述
$(function () {
$("input[name='rbSelection']").change(function () {
switch (this.value) {
case "1":
caption = "Daily";
form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Days" value="every_days" /><span>Every</span> <input type="text" size="1" name="Every_Days_Amount" value="1" /> <span>Day(s)</span><br /></div><div class="divborder"><input type="radio" class="inputed" name="Every_Dayweekday" disabled="disabled" value="every_weekday" /><span>Every Weekday</span></div>';
break;
case "2":
caption = "Weekly";
form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Weeks" value="every_Weeks" /><span>Recur every</span> <input type="text" size="1" name="Every_Week_Amount" value="1" /><span> Weeks(s) on </span><select name="Weekly_Day" id="Weekly_Day"><option value="1" selected>Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option></select></div>';
break;
case "3":
caption = "Monthly";
form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Month" value="every_Months" /><span>Day</span> <input type="text" size="1" name="Every_Month_Day_Amount" value="31" /> <span>of every</span> <input type="text" size="1" name="Every_Week_Amount" value="1" /> <span>month(s)</span><br></div><div class="divborder"><input type="radio" class="inputed" name="Every_The_Month" value="every_the_Months" /><span>The</span> <select name="Monthly_what" id="Monthly_what"><option value="First">First</option><option value="Second">Second</option><option value="Third">Thrid</option><option value="Fourth">Fourth</option><option value="Last" selected>Last</option></select> <select name="Weekly_Day" id="Weekly_Day"><option value="1" selected>Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option></select> <span>of every </span><input type="text" size="1" name="Every_Week_Amount" value="1" /> <span>month(s)</span></div>';
break;
case "4":
caption = "Yearly";
form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_Years" value="every_years" /><span>Every</span> <select name="year_month" id=""><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5" selected>May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select> <select id="DaySelection"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31" SELECTED>31</option></select><br></div><div class="divborder"><input type="radio" class="inputed" name="Every_The_Month" value="every_the_Months" /><span>The</span> <select name="Monthly_what" id="Monthly_what"><option value="First">First</option><option value="Second">Second</option><option value="Third">Thrid</option><option value="Fourth">Fourth</option><option value="Last" selected>Last</option></select> <select name="Weekly_Day" id="Weekly_Day"><option value="1" selected>Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option></select> <span>of</span> <select name="" id=""><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5" selected>May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select></div>';
break;
case "5":
caption = "Misc";
form_content = '<div class="divborder"><input type="radio" class="inputed" name="Every_5th_Sunday_of_Month" disabled="disabled" value="Every_5th_Sunday_of_Month" />Every 5th Sunday of Month<br></div><div class="divborder"><input type="radio" class="inputed" name="Every_Easter" disabled="disabled" value="every_Easter" />Every Easter</div>';
break;
default:
caption = "default";
form_content = "test Default";
}
$("#content").html(form_content);
//$("#content").html(form_content + "<br><br>" + caption + "<br> - Load content div with option " + this.value);
});
});
</td>
</tr>
<tr bgcolor="whitesmoke"><td><p> </p></td><td>
<DIV ALIGN="left" id="Date_String_Input">
<input type="text" name="date_string" size="75" id="date_string">
</DIV>
在上面的代码中，我尝试使用尝试的所选值填充textbox(date_string) ：
if ($('#Every_Days:checked').val() == 'true') {
alert("hello");
}
//$("#date_string").val("every ".$("#Every_Days_Amount").val());
和其他一些查找的帖子
没有东西可以触发事件。
这是我的文档准备好了，以防万一
<script type="text/javascript">
jQuery(document).ready(function () {
$("#generate").val("Save Info");
if ($('#Every_Days:checked').val() == 'true') {
alert("hello");
}
jQuery("#dateTimeCustom").dynDateTime({
showsTime: true,
ifFormat: "%Y-%m-%d %H:%M:00",
daFormat: "%a, %b %e, %Y [%I:%M %p]",
align: "TL",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()" //next sibling
});
jQuery("#dateTimeCustom2").dynDateTime({
showsTime: true,
ifFormat: "%Y-%m-%d %H:%M:00",
daFormat: "%a, %b %e, %Y [%I:%M %p]",
align: "TL",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea2')",
button: ".next()" //next sibling
});
$("radio[name='daterbSelection']").click(function () {
alert('test');
if ($(this).val() === 'r') {
if ($(this).is(":checked")) {
$("#r_date").show();
}
} else {
$("#r_date").hide();
}
});
});
更新：仍然不能正常工作的东西我尝试过
$('#Every_Days').click(function () {
var isChecked = $('#Every_Days').prop('checked');
alert(isChecked);
});
$("#Every_Days").click(function () {
alert("days");
if ($("input:radio[name=Every_Days]").is(":checked")) {
alert("hello");
//$("#date_string").val("every ".$("#Every_Days_Amount").val());
}
});
//$("#date_string").val("every ".$("#Every_Days_Amount").val());
//$('#date_string').val($('#Every_Days_Amount').val());
// works value to textbox - Pattern
//$('#date_string').val('5555');
//alert("hi: ".$('#Every_Days_Amount').val());
function XEvery_Days() {
//some code
alert("hello");
}
在表单输出区域中：
form_content = '<div class="divborder"><input type="radio" title="ie every 2 days for every other day" class="inputed" name="Every_Days" id="Every_Days" value="every" onClick="XEvery_Days()" /><span>Every</span> <input type="text" size="1" name="Every_Days_Amount" id="Every_Days_Amount" value="2" /> <span>Day(s)</span><br /></div><div class="divborder"><input type="radio" class="inputed" name="Every_Dayweekday" disabled="disabled" value="every_weekday" /><span>Every Weekday</span></div>';
仍在尝试解决这个问题-2013年8月30日，我问了一个朋友，他给我发了一条消息，说它应该工作（他没有时间去测试，在他出城时他也不能帮我一个月），但是这是行不通的。 什么也没做。 也许有人可以帮我弄清楚为什么它看起来不应该工作新代码：
$('.inputed').live('click blur change', function() {
alert('hi');
window.container = '';
var container = '';
$(this).parents().each(function() {
var valueClass = $(this).attr("class");
if (valueClass == 'divborder') {
$(this).children().each(function() {
if ($(this).attr('type') != 'radio') {
if ($(this).is('select')) {
window.container += ' ' + $(this).find(":selected").text() + ' ';
} else {
window.container += ' ' + $(this).val();
window.container += ' ' + $(this).text() + ' ';
}
}
});
}
});
$("#date_string").val(window.container);
});
});
我没有新的代码为13年8月30日最新的jsfiddle的更新的jsfiddle {拿到切换为形式的工作，现在}： http://jsfiddle.net/2p6qQ/9/
1 个解决方案
解决方案1
1 已采纳 2013-08-30 23:14:21
您的小提琴中有语法错误，因此我将其修复并进行了一些清理。 结果是在这里： http : //jsfiddle.net/2p6qQ/12/ 。 click事件的附件如下：
$(document).on('click', '#Every_Days', function (e) {
if ($(this).is(":checked")) {
alert("is checked");
}
});
从此处开始阅读有关事件委托的信息： http : .on()此名称已由.on()取代。
带有“其他”文本框的单选按钮无法使用javascript正确输入值
[英]Radio button with an “other” text box not inputting value properly using javascript
在选择单选按钮时，单选按钮的标题值应添加到输入文本框中
[英]When selecting the radio button for title value of radio button should added to the input text box
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.