如何用checkbox实现二选一的功能,用js

JavaScript012

如何用checkbox实现二选一的功能,用js,第1张

<HTML>

<HEAD>

<script>

function check(obj){

if(obj.id == 'checkbox1' &&obj.checked == true){

document.getElementById('checkbox2').checked = false

}

else if(obj.id == 'checkbox2' &&obj.checked == true){

document.getElementById('checkbox1').checked = false

}

}

</script>

</HEAD>

<BODY>

<input type ="checkbox" id='checkbox1' onclick = 'check(this)'/><br/>

<input type ="checkbox" id='checkbox2' onclick = 'check(this)'/>

</BODY>

</HTML>

你要实现的是单击第一个单选框 第二个自动选中吧?如果是,请看下边。。

将你的单选框的name属性 设置为两个不同的值 比如:radio1,radio2,并分别赋予id 比如是 id1和id2,代码如下:

var radio1=document.getElementById('radio1')

var radio2=document.getElementById('radio2')

if(radio1.checked==true){

radio2.checked='checked'

}

//注意:这里虽然没有用到 name属性,但必须保证name属性不相同,因此这是说明了两个单选框不在同一组,即不是互斥的,如果那么相同 那就是互斥了 选中了第一个第二个就不能再选中了

//如果radio.checked==true无法执行,请使用radio.checked=='checked'

将需要变出来的框先写好,然后将他的display设置为none

然后用脚本

function show()

{

var getdiv=document.getElementById("需要显示的块的id名称")

getdiv.style.display="block"

}

在外边写个按钮调用js就好了