JQuery事件

最新推荐文章于 2024-03-20 08:53:45 发布

「已注销」

最新推荐文章于 2024-03-20 08:53:45 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/huihui870311/article/details/52821750

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用jQuery操作网页中的表单元素，包括checkbox、radio和select的选择与判断方法，并展示了如何通过jQuery实现表单验证的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、 是否被选中事件为 change事件
1) 获得checkbox的选中状态

$(checkbox).prop('checked');//true

   $(checkbox).is('':checked'');
     2)获取checkbox的值

       var vals =[];
        $('input[name="checkboxName"]:checked').each(function(){
             vals.push($(this).val());
         });
        vals .join(",");//数组转字符串，中间逗号分隔

3)设置为只读 <input type="checkbox" name="chkAllowed" οnclick="return false;" checked="checked" />

2、获取单选按钮的值 $('input[name="radioName"]:checked').val();

判断是否选中 $(this).attr("checked")//true

$('input[name="radioName"]').is(":checked")

radio默认选中

  $('input:radio[name="statusRadios"][value="normal"]').prop('checked', true);

3、select选中的值

判断select是否选中：$('select[name="channel_id"]').find('option:selected').length == 0

获取select的选中值：$('#select').find('option:selected').val();

4、jquery退出双层for循环

注意for循环和each退出条件不一样

        var selected = $('select[class="gameRewardTaskId"]').find('option:selected') ;
        selected.each(function (index, item) {
            for (var i = index + 1; i < selected.length; i++) {
                if ($(item).val() == $(selected[i]).val()) {
                    $("#errorShow").html("同一活动中任务不可重复选择");
                    taskFlag = false;
                    return false;
                }
            }
            return taskFlag;
        });
        return taskFlag;

        var selected = $('select[class="gameRewardTaskId"]').find('option:selected') ;
        for (var i = 0; i < selected.length - 1; i++) {
            for (var j = i + 1; j < selected.length; j++) {
                if ($(selected[i]).val() == $(selected[j]).val()) {
                    $("#errorShow").html("同一活动中任务不可重复选择");
                    taskFlag = false;
                    return false;
                }
            }
        }
        return taskFlag;