上一篇:[投票]美韩黄海军演会出现什么情况?
下一篇:披头士主唱约翰.列侬的《Imagine》(youku视频)
单选的checkbox(附代码)
米娅 2010年11月27日 15:57:03

在< input type="checkbox" name="check_box" >里,如果有 checked = "" 这一项,无论写什么,页面总是显示: v 。value 也随 checked 、unchecked 变化,不过,这些可以添加 onClick = “” 的javascript 函数来统一。



2楼 2010年11月27日 15:59:21 米娅

一个单选 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>


3楼 2010年11月27日 16:09:00 米娅

另一种实现单选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>

第1页 共1页
相关链接
1. 网页自动跳转代码
2. 背景固定CSS代码
3. 在本页内运用标签跳转(附html代码)
4. 网页防复制(附代码)
5. Drupal 7: 多站点,一套核心代码,一套数据库,共用用户数据,一次登陆,同步session
6. 将Excel数据保存到MySQL数据库及PHP读Excel数据(附代码)
7. 自动发帖机原理和代码
8. 传递selected OPTION 的值到表单的一个hidden INPUT(附代码)
9. XMLHttpRequest中文乱码解决方法(附代码)
10. 如何解决有些浏览器flash文件(.swf)不显示的问题(附代码)
11. 如何用Adobe Flash CS4和ActionScript 3.0添加超级链接(附代码)
12. 如何得到flash(.swf)的资源,比如图片、代码 - 反编译
13. 如何在Adobe Flash CS4中给flash加入超级链接(附代码)
14. 如何在网页嵌入flash,并无警告提示播放(附代码)
15. 网页右键禁用JavaScript代码
16. 在结果页显示前显示进度条,代码