当前位置:编程学习 > C#/ASP.NET >>

关于CheckBox的选中问题

我做了一个文章回收站,在回收站里列出了ID是16、19、36、45、56、66、88、、、、、、等的文章。
现在我想在每个文章标题前面都加上CheckBox。我在.CS里面循环输出<input id='" + i + "' type='checkbox'/>
。但是问题来了,我怎么判断哪条选中,哪条没选中?意思很明确,我要删除我选中的,例如我选中了ID是16、19、36的文章标题,那么点确定就删掉16、19、36的文章。
谢谢。! --------------------编程问答-------------------- 因为不想用数据控件。另外追加一个问题,就是关于“全选/不选”的问题,谢谢。 --------------------编程问答--------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function show()
  {
var a = document.getElementsByName("checkbox");
  for(var i=0;i<6;i++)
{
    if(a[i].checked == true)
{
a[i].checked = false;
}
else
{
a[i].checked = true;
}
}

}
  //-->
  </SCRIPT>
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1

  <input type="checkbox" id="checkboxt2" onclick="show()">反选 
 </BODY>
</HTML>

--------------------编程问答--------------------
引用 2 楼 lihaoran8577 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……
+1 --------------------编程问答-------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
    <HTML>    
    <HEAD>    
    <TITLE></TITLE>    
    <script type="text/javascript" language="javascript">   
    function checkAll(mycheck) //此方法用来全选和全消复选框   

var items=document.getElementsByName("checkC");  
for(var i=0;i<items.length;i++)

items[i].checked=mycheck;   
}
  }   
    </script>   
    </HEAD>    
    <BODY>    

        
    <input type="checkbox" name="checkC"  >1    
      
    <input type="checkbox" name="checkC" >2    
      
    <input type="checkbox" name="checkC" >3    
  
    <input type="checkbox" name="checkC" >4    
      
    <input type="checkbox" name="checkC">5    
      
    <input type="checkbox" name="checkC" >6    
      
    <input type="checkbox" name="checkC" >7 
    <br /> 
    <a href="#"  onclick="checkAll(true)">全选</a> <br>
    <a href="#" onclick="checkAll(false)">取消</a> 
    </BODY>    
    </HTML>

--------------------编程问答--------------------

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function unselect()
  {
    var a = document.getElementsByName("checkbox");
      for(var i=0;i<a.length;i++)
        {
    a[i].checked = !a[i].checked;  //任意反选
        }
    
}

  function ok()
  {
    var str= '';
    var a = document.getElementsByName("checkbox");
      for(var i=0;i<a.length;i++)
        {
    str += a[i].id + ',' + a[i].checked + ';';
        }
    
    alert('提交的值:' + str);
}
  //-->
  </SCRIPT>
  <input type="checkbox" name="checkbox" id="checkbox1">1
  <input type="checkbox" name="checkbox"  id="checkbox2">1
  <input type="checkbox" name="checkbox"  id="checkbox3">1
  <input type="checkbox" name="checkbox"  id="checkbox4">1
  <input type="checkbox" name="checkbox"  id="checkbox5">1
  <input type="checkbox" name="checkbox"  id="checkbox6">1

  <input type="button" id="btn1" onclick="unselect()" value ="反选"> 
  <input type="button" id="btn2" onclick="ok()" value="提交">
 </BODY>
</HTML>

--------------------编程问答-------------------- 学习下  --------------------编程问答-------------------- 补充下,带删除

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
    <html>    
    <head>    
    <title></title>    
    <script type="text/javascript" language="javascript">   
    function checkAll(mycheck) //此方法用来全选和全消复选框   

var items=document.getElementsByName("checkC");  
for(var i=0;i<items.length;i++)

items[i].checked=mycheck;   
}
  } 
  function click1(){ 
        var items=document.getElementsByName("checkC");  
for(var i=0;i<items.length;i++)
{
if(items[i].checked == true)
{
    items[i].style.display = "none";
    items[i].nextSibling.nodeValue = "";
}
}
    } 
    </script>   
    </head>    
    <body>    

        
    <input type="checkbox" id="check1" name="checkC"  value="1" />1    
      
    <input type="checkbox" id="check2" name="checkC" value="2" />2    
      
    <input type="checkbox" id="check3" name="checkC" value="3" />3    
  
    <input type="checkbox" id="check4" name="checkC" value="4" />4    
      
    <input type="checkbox" id="check5" name="checkC" value="5" />5    
      
    <input type="checkbox" id="check6" name="checkC" value="6" />6    
      
    <input type="checkbox" id="check7" name="checkC" value="7" />7 <br /><a href = "#" onclick="click1()">删除</a>
    <br /> 
    <a href="#"  onclick="checkAll(true)">全选</a> <br />
    <a href="#" onclick="checkAll(false)">取消</a> 
    </body>    
    </html>

补充:.NET技术 ,  C#
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,