jQuery CheckBox单选

最新推荐文章于 2024-08-14 11:55:10 发布

weixin_30444105

最新推荐文章于 2024-08-14 11:55:10 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zella/p/8006572.html

本文介绍如何使用jQuery控制页面上复选框的选择状态，包括在同级及不同级元素间的操作方法，并展示了如何获取当前元素的索引值。此外，还简要介绍了在AngularJS中如何结合jQuery使用setTimeout实现异步更新视图。

1、同级元素

$(":checkbox").click(function(){
$(this).attr("checked",true);
$(this).siblings().attr("checked",false);
});

获取当前索引值：$(this).index();

2、不同级

$(':checkbox').each(function(){
                    $(this).click(function(){
                        if($(this).is(':checked')){//或者$(this).attr(':checked')
                            $(':checkbox').removeAttr('checked');
                            $(this).prop('checked',true);
                            //$(this).attr('checked','checked');                        
                        }
                    });
                })

获取当前索引值：$(this).index(':checkbox');

PS：angularJs中使用jQuery

 setTimeout(function () {
            $scope.$apply(function () {

                  //所进行的修改值或样式的代码
            });
        }, 1000);

转载于:https://www.cnblogs.com/zella/p/8006572.html