攒技巧之获取checkbox的value用来提交

一、提交数据时包含checkbox之解决方案。

1、用for循环获取checkbox(被勾选)的value,并赋值给所要传输的变量。

var scct = ‘‘;
        for (var i = 0; i < node.childNodes[3].childNodes[0].childNodes.length; i += 2) {
            if (node.childNodes[3].childNodes[0].childNodes[i].checked === true) {
                scct += "" + node.childNodes[3].childNodes[0].childNodes[i].value +‘,‘+ "";
                 }
        }
        scct += "";

(for循环里面的i的取值要小于取值数组的长度,此情况适用于选择框的值不定,勾选的的数量不定是的复杂选择框)

二、提交数据时包含radio的解决方案。

1、提交数据时radio(被选中的)的value的获取,并赋值给所要传递的变量。

 var scct =‘‘;
        if(node.childNodes[2].childNodes[0].childNodes[0].checked===true){
            scct=‘M‘;
        }
        else if(node.childNodes[2].childNodes[0].childNodes[0].checked===false){
            scct=‘F‘;
        }

(此情况适用于两个按钮,值固定,单选 的情况)

三、提交数据完阻止其页面跳转,及提交之后的bootstrap样式的提示框的使用。

1、提交数据完阻止页面的跳转,并使用serialize收集页面信息。

 $(‘#usemf‘).on(‘submit‘, function (e) {                          //when form submit
                    e.preventDefault();                                 //prevent it being sent
                    var details = $(‘#usemf‘).serialize();         //serialize from data
                });

(当选择用ajax提交数据的时候,在收集完数据之后,再用post请求发送数据。)

$.post(‘register.php‘ , datailes , function(data) {    //use $.post() to send it
      $ (‘#register‘) . html (data) ;   //where to display result
});

2、定义对应的反馈,然后用字符串比较的方法判断其是否与实际返回信息相等,如果相等弹出弹框。

 var newLoad = "";
                    //定义匹配信息
 var patt1 = new RegExp("error:You do not have permission to add the event!");
 if (patt1.test(uemm.responseText)) {
                        //如果返回数据为error。。,则弹出没有权限
                        newLoad = "<div class=\"alert alert-block\" > <button type=\"button\" class=\"close\"  data-dismiss=\"alert\">&times</button> <h2>sorry!</h2> <h4>您没有修改权限!</h4></div>";
                        setTimeout(dute, 500)
                    }

(上面代码绿色部分为设置在弹出弹框之后多长时间之后跳转到指定页面。)

//dute函数(页面在1秒之后跳转到指定页面“调用doupdate函数
function dute() {
    var secs = 1; //倒计时的秒数
    var url;
    URL = ‘http://118.190.79.228/allright1/user_event_management_eg.html‘;
    for (var i = secs; i >= 0; i--) {
        window.setTimeout(‘doUpdate(‘ + i + ‘)‘, (secs - i) * 1000);
    }
}
function doUpdate(num) {
    if (num === 0) {
        window.location = URL;
    }
}
时间: 2024-10-26 13:54:04

攒技巧之获取checkbox的value用来提交的相关文章

ASP.NET绑定CHECKBOXLIST--------JQUERY绑定CLICK事件,获取CHECKBOX的VALUE和显示值

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server&qu

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

.Net常用技巧_获取SQL Server表字段的各种属性

-- SQL Server 2000 SELECT a.name AS 字段名, CASE WHEN EXISTS (SELECT 1 FROM sysobjects WHERE xtype = 'PK' AND parent_obj = a.id AND name IN (SELECT name FROM sysindexes WHERE indid IN (SELECT indid FROM sysindexkeys WHERE id = a.id AND colid = a.colid))

js获取checkbox复选框获取选中的选项

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

php获取checkbox数组的表单数据

提交表单的时候,对于checkbox多选框,name="field[]",此时php获取的数组为:从0开始的索引数组:如果name="field[n]" 有数字n,那么php获取的name数组的索引为n,而不是从0开始的: 代码: <html xmlns="http://www.jb51.net/1999/xhtml"> <head> <meta http-equiv="Content-Type"

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

asp.mvc获取checkbox、radio、select的值

记录一下在asp.mvc中,提交表单时后台获取checkbox.radio.select值的方法. 1.获取select的值 <select name="type"> <option value="Phone">手机</option> <option value="Pad">平板</option> <option value="Pc">电脑</opt

Jquery获取checkbox属性checked为undefined

说明:本文来自新浪博客,因为无法收藏,故直接copy过来备注,以后好查询 原网址:http://blog.sina.com.cn/s/blog_6810dfc20101jddq.html 使用jQuery v1.10.2获取checkbox的状态时,用.attr("checked")时输出总是为undefined.郁闷了,这难道是个bug?! 查看jQuery API的文档,发现: As of jQuery 1.6, the .attr() method returns undefin