checkbox做成可以单选取消

Js代码  

  1. <html>  
  2.   <head><title>MARS TEST PAGE</title></head>  
  3.   
  4.   <script>  
  5.   function chk(obj)  
  6.   {  
  7.        var boxArray = document.getElementsByName('c1');  
  8.        for(var i=0;i<=boxArray.length-1;i++){  
  9.             if(boxArray[i]==obj && obj.checked){  
  10.                boxArray[i].checked = true;  
  11.             }else{  
  12.                boxArray[i].checked = false;  
  13.             }  
  14.        }   
  15.   }  
  16.  </script>  
  17.   
  18.   <body>  
  19.   <form name="form1">  
  20.     <input type="checkbox" name="c1" value="1" onclick="return chk(this);">A  
  21.     <input type="checkbox" name="c1" value="2" onclick="return chk(this);">B  
  22.     <input type="checkbox" name="c1" value="3" onclick="return chk(this);">C  
  23.   </form>  
  24.   </body>  
  25. </html>  
时间: 2024-10-30 08:13:43

checkbox做成可以单选取消的相关文章

js 双击table中的某行 实现行前的checkbox选中 再双击 取消选中

问题描述 js 双击table中的某行 实现行前的checkbox选中 再双击 取消选中 解决方案 http://hi.baidu.com/yiluwuyun/blog/item/4c53db006b10330a728da539.html 这里有你需要的代码

jquery checkbox全选,取消操作

jQuery的选择器确实很强大,比起自己实现能节约不少代码,下面我们来看看checkbox全选,取消代码,有需要的朋友可以参考一下. 判断checkbox是否被选中 var chkBind = $("#chkBind").attr('checked'); checkbox全选,取消 $("#chkSelectAll").click(function() {     var flag = $(this).attr("checked");     $

jquery checkbox全选、取消全选实现代码_jquery

复制代码 代码如下: <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1″ />1<br /> <input type="checkbox&q

jquery全选checkBox功能实现代码(取消全选功能)_jquery

  复制代码 代码如下:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> &

DataGrid中加入CheckBox,并实现单选

datagrid 第一次发表,不会写.直接把原文件给大家看算了!! 原理就是用JS遍列所有CheckBox把所有CheckBox设为未被选中,然后在把单击的CheckBox设为选中 以下是.ASPX文件 <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataGridCheck.WebForm1"

GridView中checkbox&amp;quot;全选/取消&amp;quot;完美兼容IE和Firefox_实用技巧

复制代码 代码如下: function selectAll(obj) { var theTable = obj.parentNode.parentNode.parentNode.parentNode; var i; var j = obj.parentNode.cellIndex; for(i=1;i<theTable.rows.length;i++) { if(theTable.rows[i].cells.length<j) continue; var objCheckBox = theTa

比较全的JS checkbox全选、取消全选、删除功能代码_javascript技巧

看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } functio

GridView 里 checkbox 单选问题,谁能帮我改一下里面的代码,我对JS不熟(在线等)

问题描述 下面的代码可以实现我要的功能.name相同的checkbox只可以单选<scriptlanguage="javascript">functionChangeSelect(obj){theForm=document.forms[0];varoldStatus;oldStatus=obj.checked;for(i=0;i<theForm.elements.length;i++){if(theForm.elements[i].name==obj.name){th

jquery操作checkbox实现全选和取消全选_jquery

今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,