Javascript 选择两个单选按钮
没有JQUERY！我有两个单选按钮，出于某种原因，我可以选择它们，我只想能够选择一个。例如，如果选择“生孩子”，则可以同时选择两个单选按钮。有没有简单的方法来解决这个问题？有人能帮我解决代码中的错误吗Javascript 选择两个单选按钮,javascript,Javascript,没有JQUERY！我有两个单选按钮，出于某种原因，我可以选择它们，我只想能够选择一个。例如，如果选择“生孩子”，则可以同时选择两个单选按钮。有没有简单的方法来解决这个问题？有人能帮我解决代码中的错误吗 生命事件选择器日历 函数更改消息（oElement）{ var rd1=document.getElementById（“rd1”）； var rd1Text=rd1.parentNode.getElementsByTagName（'span'）[0]； var rd2=document.ge
生命事件选择器日历
函数更改消息（oElement）{
var rd1=document.getElementById（“rd1”）；
var rd1Text=rd1.parentNode.getElementsByTagName（'span'）[0]；
var rd2=document.getElementById（“rd2”）；
var rd2Text=rd2.parentNode.getElementsByTagName（'span'）[0]；
document.getElementById（'choice'）。innerHTML=“Radio choice=”；
rd1.checked=false；
rd2.checked=false；
//没什么
如果（oElement.value==“0”）{
document.getElementById（“btn”）.style.display=“无”；
document.getElementById（“radio”）.style.display=“无”；
document.getElementById（“日期”）.innerHTML=“日期”；
//生孩子
}否则如果（oElement.value==“100”）{
document.getElementById（“btn”）.style.display=“无”；
document.getElementById（“radio”）.style.clear=“两者”；
document.getElementById（“radio”）.style.display=“内联块”；
rd1Text.innerHTML=“C-Section”；
rd2Text.innerHTML=“正常出生”；
rd1.value=“C-Section”；
rd2.value=“正常出生”；
document.getElementById（“day”）.innerHTML=“预期到期日”；
//军假
}否则如果（oElement.value==“15”）{
document.getElementById（“btn”）.style.display=“无”；
document.getElementById（“radio”）.style.clear=“两者”；
document.getElementById（“radio”）.style.display=“内联块”；
rd1Text.innerHTML=“培训”；
rd2Text.innerHTML=“现役”；
rd1.value=“培训”；
rd2.value=“现役”；
document.getElementById（“day”）.innerHTML=“预计休假日期”；
//结婚
}否则如果（oElement.value==“5”）{
document.getElementById（“btn”）.style.display=“内联块”；
document.getElementById（“radio”）.style.display=“无”；
document.getElementById（“day”）.innerHTML=“结婚日期”；
//领养孩子
}否则如果（oElement.value==“90”）{
document.getElementById（“btn”）.style.display=“内联块”；
document.getElementById（“radio”）.style.display=“无”；
document.getElementById（“day”）.innerHTML=“预计采用日期”；
//退休
}否则如果（oElement.value==“35”）{
document.getElementById（“btn”）.style.display=“内联块”；
document.getElementById（“radio”）.style.display=“无”；
document.getElementById（“day”）.innerHTML=“预期退休日期”；
//病假
}否则如果（oElement.value==“25”）{
//document.getElementById（“btn”）.style.display=“内联块”；
document.getElementById（“radio”）.style.display=“无”；
document.getElementById（“day”）.innerHTML=“预计残疾日期”；
}else{}
返回；
}
函数showChoice（输入）{
document.getElementById（'choice'）.innerHTML=“Radio choice=“+input.value；
document.getElementById（“btn”）.style.display=“内联块”；
}
//获取拾取的信息并显示消息
函数getInfo（）{
var myDate=新日期（）；
var ev_num=parseInt（document.getElementById（“leave”）.value）
myDate.setFullYear（sel_year.value，sel_month.value，sel_day.value）；
var event_value=document.getElementById（“leave”）.value；
//document.getElementById（“日期”）.innerHTML=“您选择的开始缺勤时间的日期是……”++“myDate+”；
//if（（document.getElementById（“rd1”）.checked）=true）{
//document.write（document.getElementById（“rd1”）.value）；}
//结婚
如果（事件值=5）{
//生孩子
}else if（事件值==100）{
var first_编号=新日期（myDate）；
第一个_number.setDate（myDate.getDate（）+31）；
第二个变量编号=新日期（myDate）；
第二个_编号.setDate（myDate.getDate（）-30）；
第三个变量=myDate.getDate（）+7；
第四个变量；
第五个变量1；
第五个变量2；
//如果选择了第一个单选按钮
if（（document.getElementById（“rd1”）.checked）=true）{
第四个数字=myDate.getDate（）+56；
fifth_number1=myDate.getDate（）+57；
fifth_number2=myDate.getDate（）+91；
//如果选择了第二个单选按钮
}否则{
第四个数字=myDate.getDate（）+42；
fifth_number1=myDate.getDate（）+43；
fifth_number2=myDate.getDate（）+91；
}
document.getElementById（“message1”）.innerHTML=“从“+myDate+”到“+first_number+”
“+”您有资格通过您的“生孩子”生活事件更新保险范围和个人信息。”；
document.getElementById（“message2”）.innerHTML=“从“+second_number+”到“+myDate+”
“+”1）致电1-877-968-7762开始休假。
“+”2）填写授权释放表。“；
//领养孩子
}否则如果（事件_值==90）{
//退休
}else if（事件_值==35）{
//军假
}else if（事件_值==15）{
//病假
}else if（事件值==25）{
}else{}
//document.getElementById（“事件”）.innerHTML=“根据您选择的事件，您将错过…”++“+document.getElementById（“休假”）.value+“天”。+”；
//myDate.setDate（myDate.getDate（）+ev_num）；
//document.getElementById（“return”）.innerHTML=“您将在…”++“+myDate+”返回；
}
生活事件选择器日历
结婚
生孩子
领养孩子
退休
军假
病假
<html>
<head>
<title>Life Event Picker Calendar</title>
<script>
function changeMessage(oElement) {
var rd1 = document.getElementById("rd1");
var rd1Text = rd1.parentNode.getElementsByTagName('span')[0];
var rd2 = document.getElementById("rd2");
var rd2Text = rd2.parentNode.getElementsByTagName('span')[0];
document.getElementById('choice').innerHTML = "Radio Choice=";
rd1.checked = false;
rd2.checked = false;
//nothing
if (oElement.value == "0") {
document.getElementById("btn").style.display = "none";
document.getElementById("radio").style.display = "none";
document.getElementById("day").innerHTML = "Date";
//have a baby
} else if (oElement.value == "100") {
document.getElementById("btn").style.display = "none";
document.getElementById("radio").style.clear = "both";
document.getElementById("radio").style.display = "inline-block";
rd1Text.innerHTML = "C-Section";
rd2Text.innerHTML = "Regular Birth";
rd1.value = "C-Section";
rd2.value = "Regular Birth";
document.getElementById("day").innerHTML = "Anticipated Due Date";
//military leave
} else if (oElement.value == "15") {
document.getElementById("btn").style.display = "none";
document.getElementById("radio").style.clear = "both";
document.getElementById("radio").style.display = "inline-block";
rd1Text.innerHTML = "Training";
rd2Text.innerHTML = "Active Duty";
rd1.value = "Training";
rd2.value = "Active Duty";
document.getElementById("day").innerHTML = "Anticipated Leave Date";
//get married
} else if (oElement.value == "5") {
document.getElementById("btn").style.display = "inline-block";
document.getElementById("radio").style.display = "none";
document.getElementById("day").innerHTML = "Marriage Date";
//adopt a child
} else if (oElement.value == "90") {
document.getElementById("btn").style.display = "inline-block";
document.getElementById("radio").style.display = "none";
document.getElementById("day").innerHTML = "Anticipated Adoption Date";
//retire
} else if (oElement.value == "35") {
document.getElementById("btn").style.display = "inline-block";
document.getElementById("radio").style.display = "none";
document.getElementById("day").innerHTML = "Anticipated Retirement Date";
//medical leave
} else if (oElement.value == "25") {
//document.getElementById("btn").style.display = "inline-block";
document.getElementById("radio").style.display = "none";
document.getElementById("day").innerHTML = "Anticipated Disability Date";
} else {}
return;
}
function showChoice(input) {
document.getElementById('choice').innerHTML = "Radio Choice=" + input.value;
document.getElementById("btn").style.display = "inline-block";
}
//gets info picked and displays messages
function getInfo() {
var myDate=new Date();
var ev_num = parseInt(document.getElementById("leave").value)
myDate.setFullYear(sel_year.value,sel_month.value,sel_day.value);
var event_value = document.getElementById("leave").value;
//document.getElementById("date").innerHTML = "The date you have selected to begin your time of absence is ..." + "<b>" + myDate + "</b>";
//if ((document.getElementById("rd1").checked) == true) {
//document.write(document.getElementById("rd1").value);}
//get married
if (event_value == 5) {
//have a baby
} else if (event_value == 100) {
var first_number = new Date(myDate);
first_number.setDate(myDate.getDate() + 31);
var second_number = new Date(myDate);
second_number.setDate(myDate.getDate() - 30);
var third_number = myDate.getDate() + 7;
var fourth_number;
var fifth_number1;
var fifth_number2;
//if the first radio button has been selected
if ((document.getElementById("rd1").checked) == true) {
fourth_number = myDate.getDate() + 56;
fifth_number1 = myDate.getDate() + 57;
fifth_number2 = myDate.getDate() + 91;
//if the second radio button has been selected
} else {
fourth_number = myDate.getDate() + 42;
fifth_number1 = myDate.getDate() + 43;
fifth_number2 = myDate.getDate() + 91;
}
document.getElementById("message1").innerHTML = "From " + myDate + " through " + first_number + "<br/>" + "You are eligible to update coverage and personal information through your 'Have a Baby' Life Event.";
document.getElementById("message2").innerHTML = "From " + second_number + " through " + myDate + "<br/>" + "1) Call 1-877-968-7762 to initiate your leave. <br/>" + "2) Complete Authorization Release Form.";
//adopt a child
} else if (event_value == 90) {
//retire
} else if (event_value == 35) {
//military leave
} else if (event_value == 15) {
//medical leave
} else if (event_value == 25) {
} else {}
//document.getElementById("event").innerHTML = "Based on the event you have selected you will miss ... " + "<b>" + document.getElementById("leave").value + " days." + "</b>";
//myDate.setDate(myDate.getDate() + ev_num);
//document.getElementById("return").innerHTML = "You will be expected back on ..." + "<b>" + myDate + "</b>";
}
</script>
</head>
<body>
Life Event Picker Calendar<br>
<hr align="left" width="200px"/>
<div id="life" style="display:inline-block;">Life Event</div><div id="day" style="display:inline-block; margin-left:100px;">Date</div><br>
<select style="float:left;" id="leave" onchange="changeMessage(this);">
<option value="0"></option>
<option value="5">Get Married</option>
<option value="100">Have a Baby</option>
<option value="90">Adopt a Child</option>
<option value="35">Retire</option>
<option value="15">Military Leave</option>
<option value="25">Medical Leave</option>
</select>
<div id="calendar-container" style="float:left;" ></div>
<button id="btn" style="display:none;" onclick="getInfo()"type="button">Process</button>
<br>
<div id="radio" style="display:none">
<label><span></span><input type="radio" name="" id="rd1" value="" onclick="showChoice(this)"/></label>
<label><span></span><input type="radio" name="" id="rd2" value="" onclick="showChoice(this)"/></label>
</div>
<div id="choice">Radio Choice</div><br>
<div id="date"></div>
<div id="event"></div>
<div id="return"></div>
<div id="yourdate"></div>
<div id="message1">Message 1</div><br>
<div id="message2">Message 2</div><br>
<div id="message3">Message 3</div><br>
<div id="message4">Message 4</div><br>
<div id="message5">Message 5</div>
<input type="radio" name="radiobtn" id="rd1" value="" onclick="showChoice(this)"/>
<input type="radio" name="radiobtn" id="rd2" value="" onclick="showChoice(this)"/>
<div id="radio">
<label><span></span><input type="radio" name="boom" id="rd1" value="" onclick="showChoice(this)"/></label>
<label><span></span><input type="radio" name="boom" id="rd2" value="" onclick="showChoice(this)"/></label>
<label><span></span><input type="radio" name="something" id="rd1" value="" onclick="showChoice(this)"/></label>
<label><span></span><input type="radio" name="something" id="rd2" value="" onclick="showChoice(this)"/></label>