zoukankan      html  css  js  c++  java
  • JQ判断checkbox复选或者单选框是否被选中

     1 $('.groupDelete').click(function(){
     2             if($(".groupManage input[type='checkbox']").prop('checked')) {
     3                 //执行删除
     4                 console.log($('#groupform').serialize());
     5                 $.ajax({
     6                     url:'',
     7                     method:'post',
     8                     data:$('#groupform').serialize(),
     9                     success:function(){
    10                         alert('提交成功');
    11                     },
    12                     error:function(){
    13                         alert('提交失败');
    14                     }
    15                 })
    16             }else{
    17                 alert('请选择一个分组');
    18             }
    19         });

    同事写了一段判断checkbox复选框是否被选中的代码,我与后台交互时发现并不能选择checkbox,然而同事电脑上能执行,查资料验证后发现,在chrome中,这样不管选择不选择 alert()出来的都是undefined。修改了下代码,可以成功执行,代码如下:

     1  $('.groupDelete').click(function () {
     2             if ($("input:checkbox").is(':checked')) {
     3                 //执行删除
     4                 console.log($('#groupform').serialize());
     5                 $.ajax({
     6                     url: "{:U('group/index',array('type'=>2))}",
     7                     method: 'post',
     8                     data: $('#groupform').serialize(),
     9                     success: function () {
    10                         alert('提交成功');
    11                     },
    12                     error: function () {
    13                         alert('提交失败');
    14                     }
    15                 })
    16             } else {
    17                 alert('请选择一个分组');
    18             }
    19         });

    另附三种判断CheckBox是否被选中的方法:

    方法一:
    if ($("#checkbox-id")get(0).checked) {
        // do something
    }
    方法二:
    if($('#checkbox-id').is(':checked')) {
        // do something
    }
    方法三:
    if ($('#checkbox-id').prop('checked')) {
        // do something
    }
  • 相关阅读:
    部署prerender服务器
    Bzoj4727--Poi2017Turysta
    Bzoj4818--Sdoi2017序列计数
    Heoi2014系列题解
    scoi2017酱油记
    Burnside引理与Pólya定理
    2017省选前北京集训总结
    奥妙重重的随机发生器
    ???--???Insection is not allowed
    反演
  • 原文地址:https://www.cnblogs.com/cuculus/p/6955593.html
Copyright © 2011-2022 走看看