checkbox的各种操作

1. js选中多个checkbox,取值向后台提交数据

<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.js"></script>
        <script>
            $(function() {
                $("#delete").click(function() {
                    //页面弹框
                    if(!confirm("确定要删除吗?")) {
                        window.event.returnValue = false;
                    }
                    //调用函数
                    del();
                });
            });

            function del(){
                //1.过滤出被选中的
                var checkedList = $(‘input:checkbox‘).filter(":checked");
                if (checkedList.length == 0) {
                    alert("未选中记录!");
                    return false;
                }
                var ids = "";
                checkedList.each(function(){
                    ids += $(this).val()+",";
                });
                ids = ids.substring(0,ids.length-1);
                //向后台发送数据
                window.location.href = "/search/my_delete?data="+ids;
            }
        </script>
    </head>
    <body>
        one:<input type="checkbox" value="one"/><br/>
        two:<input type="checkbox" value="two"/><br/>
        three:<input type="checkbox" value="three"/><br/>
        four:<input type="checkbox" value="four"/><br/>
        <input type="button" id="delete" value="删除"/>
    </body>
</html>
时间: 2024-11-08 20:46:00

checkbox的各种操作的相关文章

jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox

jquery checkbox的相关操作——全选.反选.获得所有选中的checkbox 1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2.取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']&

jquery checkbox选框操作

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" s

jQuery对checkbox的各种操作

1 //注意: 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上(包含)建议用prop 2 3 //1.根据id获取checkbox 4 $("#cbCheckbox1"); 5 6 //2.获取所有的checkbox 7 $("input[type='checkbox']");//or 8 $("input[name='cb']"); 9 10 //3.获取所有选中的checkbox

关于easyui checkbox 的一些操作处理

1.获取已勾选的行: var rows = $('#datagrid').datagrid('getChecked'); 2.判断checkbox是否全选: var allFlg = $(".datagrid-header-check").find("input").is(":checked"); 3.checkbox在弹出层的,记住选中的checkbox,再次弹出弹出层时,将已选的checkbox回设 先将已选的checkbox该行的idFie

jQuery 获取和设置radio 和 checkbox 值的操作

jquery 中的val(),可以取值也可赋值,表单元素中的radio和checkbox是比较常用的控件,下面说说对它们的取值和赋值的使用 1.取值 表单如下: <div class="items"> @if (Model.Question.type == "单选") { <div><input type="radio" id="A" name="sin" value=&quo

关于 checkbox 的一些操作

获取checkbox选中的状态 $("#checkbox").is(":checked"); 设置 checkbox 的状态 $("#checkbox").attr("checked", true);//设置为选中状态 $("#checkbox").attr("checked", false);//设置为未选中状态 用css对checkbox进行样式修饰 这是效果图 <div cl

4,Checkbox 勾选操作

-----后台  using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; using System.Text; public partial class _Default : System.Web.UI.Page {     protect

jquery的checkbox,radio,select等方法总结

1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2

实现listview中checkbox的多选与记录

android UI进阶之实现listview中checkbox的多选与记录 今天继续和大家分享涉及到listview的内容.在很多时候,我们会用到listview和checkbox配合来提供给用户一些选择操作.比如在一个清单页面,我们需要记录用户勾选了哪些条目.这个的实现并不太难,但是有很多朋友来问我如何实现,他们有遇到各种各样的问题,这里就一并写出来和大家一起分享. ListView的操作就一定会涉及到item和Adapter,我们还是先来实现这部分内容. 首先,写个item的xml布局,里