码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-27 22:47:28      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:sem   相等   send   size   php   情况   修改权限   date   att   

一、提交数据时包含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;
    }
}

 

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

标签:sem   相等   send   size   php   情况   修改权限   date   att   

原文地址:http://www.cnblogs.com/shuxiao3/p/7247544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!