jquery checkbox 实现单选

最近在用javascript的时候发现网上实现checkbox单选的代码都已经过时了。

用着几年前的代码发现根本不行了 原因是jquery api已经更改

http://api.jquery.com/prop/

这里是新的代码

 $(function(){
        $(":checkbox").each(function(){
            $(this).click(function () {
                if ($(this).is(":checked")) {                //$(‘#cb‘).prop(‘checked‘) 一样的效果
                    $(":checkbox").each(function () {
                        $(this).prop("checked", false);
                    });
                    $(this).prop("checked", true);
                }
            });
        });
    });

希望大家不要在这个上面浪费时间。

时间: 2024-10-10 08:08:57

jquery checkbox 实现单选的相关文章

Django框架---jquery实现checkbox的单选和全选

jquery实现checkbox的单选和全选 一.思路 全选:判断“全选”checkbox的状态,如果选中则把tbody下所有的checkbox选中,反之 单选:主要是判断有没有全选,如果不是选中状态就把全选的checkbox状态设置为false,如果是选中就拿所有选中状态下“name=id”的chekbox和所有‘’name=id"的数量去比较,如果一样表示全选了,设置全选的chekbox为选中状态,反之. 二.代码 1.css部分,直接搬运的django项目里面的. <table bo

jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox

jquery checkbox的相关操作——全选.反选.获得所有选中的checkbox 1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2.取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']&

jquery checkbox勾选/取消勾选的诡异问题

<form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" v

jquery checkbox反复调用attr(&#39;checked&#39;, true/false)只有第一次生效

/** * 全选 */ function checkAll() { $("input[name=ids]").attr("checked", true); } /** * 全不选 */ function uncheckAll() { $("input[name=ids]").attr("checked", false); } 问题描述: 初始状态复选框没有全选, 点击全选按钮调用checkAll方法, 实现了全选, 然后点击全

jquery checkbox获取多个选项

http://www.jb51.net/article/27186.htm http://www.cnblogs.com/libingql/archive/2011/11/07/2238663.html http://wangyj0898.blog.51cto.com/1519857/404615 jquery checkbox获取多个选项,布布扣,bubuko.com

jQuery --checkbox全选和取消全选简洁高效的解决办法

最近在公司做了一个小项目,其中有一个全选和取消全选的这么一个模块,搞了半天找不到一种最佳的解决方案!后来通过各种努力找到了一种简洁高效的解决办法,这里想和大家分享一下.有问题的话,还望各路大神指导一二. html代码如下: <fieldset data-role="controlgroup">  <label><input type="checkbox" name="boxes" id="select_al

Android在listview添加checkbox实现单选多选操作问题

android根据View的不同状态更换不同的背景http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版]http://www.eoeandroid.com/thread-198019-1-1.html 让服务器iis支持.apk文件下载的设置方法http://www.eoeandroid.com/thread-198033-1-1.html 在 android 某些开发需求当中,有时候需要在listve

JQuery Checkbox的change事件

JQuery   Checkbox的change事件 参考 http://blog.csdn.net/hbhgjiangkun/article/details/8126981 $(function(){    $("#ischange").change(function() {        alert("checked");    });}); 上面的代码没作用修改为下面即可$(function(){ if ($.browser.msie) {  $('input

jquery checkbox 全选 不要用attr要用 prop

最近的项目要用到checkbox全选功能,然而使用 attr时总是出现第二次点击时checkbox不变化.后来搜索后,发现在jquery1.6以后已经不用attr处理布尔值的属性了. 查看文档发现 properties就是浏览器用来记录当前值的东西.正常情况下,properties反映它们相应的attributes(如果存在的话).但这并不是boolean attriubutes的情况.当用户点击一个checkbox元素或选中一个select元素的一个option时,boolean proper