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
    }
  • 相关阅读:
    restful
    spark深入:配置文件与日志
    Spark多种运行模式
    Spark 序列化问题
    [转]关于PreparedStatement.addBatch()方法
    scala helloworld
    java IO操作:FileInputStream,FileOutputStream,FileReader,FileWriter实例
    replace与replaceAll的区别
    String,StringBuffer与StringBuilder
    hive 空值、NULL判断
  • 原文地址:https://www.cnblogs.com/cuculus/p/6955593.html
Copyright © 2011-2022 走看看