WEB中checkbox的使用 简单的总结

 使用到了 简单的总结一下,要是有那个地方写的不好或者有待改进,请大家指点一下。

 

 

  1  点击checkbox 事件 把值放到文本框里

      1)checkbox 多选,文本框放入多个值

js :

 <script type="text/javascript">
function a(cb){
    var ids= document.getElementsByName("orgs");
    var str="";
    for(var i=0;i<ids.length;i++){
            
           if(ids[i].checked){
    str+=ids[i].value+",";
    document.getElementById("ok").value=str;
   }  
 }
}
</script>

jsp:

<%
List listYear = new ArrayList();
listYear.add("山东国资委");
listYear.add("北京国资委");
listYear.add("上海国资委");
%>
<body>
<form action="login.jsp">
  <input type="text" name = "ok" id = "ok"/>
  <input type="submit" name="permission"  value="选择" />
</form>

<table>
<tr>
  <td>选择</td>
  <td>机构编码</td>
  <td>机构名称</td>
 </tr>
<%
for(int i=0;i<listYear.size();i++){
%>
<tr>
  <td><input id="org" type="checkbox" name="orgs" value="<%=listYear.get(i).toString()%>" οnclick="javascript:a(this);"></td>
  <td></td>
  <td><%=listYear.get(i).toString()%></td>
 </tr>
<% 
}
%>
</table>
</body>

 

2)  checkbox 单选 并把获得的值 放入文本框里 如下:

  更改如上 其他不改: js

 <script type="text/javascript">
function a(cb){
    var ids= document.getElementsByName("orgs");
    var str="";
    for(var i=0;i<ids.length;i++){
        //判断ids集合中的i元素是否为cb,若否则表示未被勾选  
         if (ids[i]!=cb) ids[i].checked = false;  
            //若是 但原先未被勾选則变成勾选;反之 则为未勾选  
             else  ids[i].checked = cb.checked; 

            //若要至少勾选一个的話,则把上面那行else拿掉,换用下面那行   
           //  else obj[i].checked = true;   

// 把获得的值赋给相应的文本框
           if(ids[i].checked){
        str=ids[i].value;
        document.getElementById("ok").value=str;
   }  
 }
}
</script>

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在ASP.NET使用GridView控件的Checkbox列可以让用户方便地选择多个行,以进行批量操作。以下是使用GridView控件的Checkbox列的一些总结: 1. 添加Checkbox列 在GridView控件的模板列添加Checkbox列,可以使用以下代码: ``` <asp:GridView ID="GridView1" runat="server"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" /> </ItemTemplate> </asp:TemplateField> ... </Columns> ... </asp:GridView> ``` 2. 获取选行 在处理GridView控件的Checkbox列时,需要遍历GridView的所有行,检查每个Checkbox是否被选。可以使用以下代码来获取选的行: ``` foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选的行 } } ``` 3. 设置全选 为了方便用户选择所有行,可以在页面上添加一个“全选”复选框,并使用JavaScript代码来设置GridView所有Checkbox的选状态。可以使用以下代码来设置全选: ``` <script type="text/javascript"> function selectAll() { var chkAll = document.getElementById('<%= chkAll.ClientID %>'); var grid = document.getElementById('<%= GridView1.ClientID %>'); for (var i = 0; i < grid.rows.length; i++) { var chk = grid.rows[i].cells[0].getElementsByTagName("input")[0]; if (chk.type == "checkbox") { chk.checked = chkAll.checked; } } } </script> <asp:CheckBox ID="chkAll" runat="server" onclick="selectAll();" /> ``` 4. 处理PostBack 在处理PostBack时,需要检查GridView的所有行,并处理选的行。可以使用以下代码来处理PostBack: ``` protected void Button1_Click(object sender, EventArgs e) { foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选的行 } } } ``` 希望这些总结能够对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值