zoukankan      html  css  js  c++  java
  • jQuery实现复选框单选

    这里职务只能勾选一个,所以我打算实现复选框只能单选的功能。

    实现思路:

    遍历每一个checkbox,如果有一个选中,其他的就默认未选中状态,从而实现checkbox单选功能。

    js代码:

     //checkbox实现单选
            $("input[name='job']:checkbox").each(function(){
                $(this).click(function(){
                    if($(this).prop('checked')){
                        $('input[name="job"]').prop('checked',false);
                        $(this).prop('checked',true);
                    }
                });
            });

    判断checkbox是否选中:(不建议使用attr,我每次用都挂掉,奇奇怪怪!)

    .prop('checked'): //1.6+:true/false
    .is(':checked'):    //所有版本:true/false//别忘记冒号哦               

    jquery赋值checked的几种写法:(还是不建议使用attr,某些时候就出错!)

    $('input[name="job"]').prop('checked',false);   //设置取消选中


    //设置选中 $(
    'input[name="job"]').prop('checked',true);
    $('input[name="job"]').prop('checked','checked');    
  • 相关阅读:
    笔记
    创建和使用URL访问网上资源
    File
    event_1:事件注册
    3_3:创建 元素节点
    动态创建表格
    留言删除案例
    3_2:操作节点 [ 增 删 复制 ]
    5:to do list
    仿新浪下拉菜单
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/9909411.html
Copyright © 2011-2022 走看看