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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了攒技巧之获取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;
    }
}

 

以上是关于攒技巧之获取checkbox的value用来提交的主要内容,如果未能解决你的问题,请参考以下文章

form表单提交了多个checkbox怎么获取复选框的值存入数组?

vue中如何获取选中的checkbox的value值

怎么获取checkbox选中状态方法

jQuery如何获取checkbox中的value值?

案例:批量删除

jquery操作复选框(checkbox)的一些小技巧总结