Javascript 如何在HTML中切换男性、女性单选按钮
当我点击第二个单选按钮时,我有两个单选按钮,第一个单选按钮我想取消选中,第二个单选按钮在点击第一个后将被选中,第二个单选按钮将取消选中Javascript 如何在HTML中切换男性、女性单选按钮,javascript,html,Javascript,Html,当我点击第二个单选按钮时,我有两个单选按钮,第一个单选按钮我想取消选中,第二个单选按钮在点击第一个后将被选中,第二个单选按钮将取消选中 <input type="radio" id="rbdemail" onclick="chekrbdclick()" checked="checked" /> <input type="radio" id="rbdsitelnk" onclick="chekrbdclick()" /> function chekrbdclick()
<input type="radio" id="rbdemail" onclick="chekrbdclick()" checked="checked" />
<input type="radio" id="rbdsitelnk" onclick="chekrbdclick()" />
function chekrbdclick()
{
//How to manage here?
}
函数chekrbdclick()
{
//这里怎么管理?
}
请帮助我。很简单,只需使用具有相同值的“name”属性,它将适用于您 请参阅下面的代码片段
男性
女性
男性
女性
完美的答案在上面,但我想和大家分享一下它是如何通过javascript工作的,这是javascript工作(不是标准答案)
男性
女性
函数chekrbdclick(n)
{
var male=document.getElementById('rbdemail');
var female=document.getElementById('rbdsitelnk');
如果(n==0){
male.checked=true;
女性。检查=假;
}
否则{
male.checked=false;
女性。已检查=正确;
}
}
对两个单选按钮使用相同的名称,无需使用JavaScript
<input type="radio" id="rbdemail" onclick="chekrbdclick(0)" checked="checked" value="Male" />Male<br>
<input type="radio" id="rbdsitelnk" onclick="chekrbdclick(1)" value="Female" />Female
<script>
function chekrbdclick(n)
{
var male = document.getElementById('rbdemail');
var female = document.getElementById('rbdsitelnk');
if(n === 0){
male.checked = true;
female.checked = false;
}
else {
male.checked = false;
female.checked = true;
}
}
</script>