在< input type="checkbox" name="check_box" >里,如果有 checked = "" 这一项,无论写什么,页面总是显示: v 。value 也随 checked 、unchecked 变化,不过,这些可以添加 onClick = “” 的javascript 函数来统一。
一个单选 checkbox 的例子:
<input type="checkbox" name="check_box" onClick="single_checked(this);">check_box_1
<input type="checkbox" name="check_box" onClick="single_checked(this);">check_box_2
<input type="checkbox" name="check_box" onClick="single_checked(this);">check_box_3
<input type="checkbox" name="check_box" onClick="single_checked(this);">check_box_4
<script>
function single_checked(one_checked){
var obj = document.getElementsByName("check_box");
for ( i = 0 ; i < obj.length ; i++ ){
if (obj[i] != one_checked)
obj[i].checked = false;
else
obj[i].checked = true;
}
}
}
</script>
另一种实现单选checkbox的方法:
<div id="container_div">
<input type="checkbox" name="check_box1" onClick="single_checked(this);">check_box_1
<input type="checkbox" name="check_box2" onClick="single_checked(this);">check_box_2
<input type="checkbox" name="check_box3" onClick="single_checked(this);">check_box_3
<input type="checkbox" name="check_box4" onClick="single_checked(this);">check_box_4
</div>
<script>
function single_checked(one_checked) {
var obj = document.getElementById("container_div");
for ( i = 0 ; i < obj.children.length ; i++ ){
if (obj.children[i] != one_checked)
obj.children[i].checked = false;
else
obj.children[i].checked = true;
}
}
</script>