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
    }
  • 相关阅读:
    TP5手动引入PHPEXCEL的方法
    分库分表的基本思想
    FIFO、LRU、LFU的含义和原理
    Memcache 内存分配策略和性能(使用)状态检查
    php soapclient 超时 设置
    jsonrpc.js -- 原生js实现 JSON-RPC 协议
    前端编译原理 笔记 -- BISON
    前端编译原理 移进规约自动机
    前端编译原理 parser.js源码解读
    react-rotuer动态加载模块
  • 原文地址:https://www.cnblogs.com/cuculus/p/6955593.html
Copyright © 2011-2022 走看看