js中判断字符串是否包含

博主在做一个修改个人信息的页面的时候,想要将个人信息封装传递到另一个页面,其中的星期是string类型的。

String week="一二三四五"

想要实现复选框中一~五默认选中。本来想用jstl标签库实现,发现页面中的代码量太复杂。本着简洁明了的精神,决定尝试用js来实现。

这里写图片描述

html代码:

<div class="form-group">
                    <label for="id">星期:</label>
                    <div class="checkbox">
                        <label><input type="checkbox" name="weeks" value="一" checked="checked" /></label>
                        <label><input type="checkbox" name="weeks" value="二" checked="checked" /></label>
                        <label><input type="checkbox" name="weeks" value="三" checked="checked" /></label>
                        <label><input type="checkbox" name="weeks" value="四" checked="checked" /></label>
                        <label><input type="checkbox" name="weeks" value="五" checked="checked" /></label>
                        <label><input type="checkbox" name="weeks" value="六" /></label>
                        <label><input type="checkbox" name="weeks" value="日" /></label>

                    </div>
                </div>

用js实现的主要问题就是在页面加载完成的时候实现选中,如果在页面加载前实现,会出现找不到复选框的问题。

js部分代码:

$(function(){
        var week="${ScheduleGroup.week}";

        $("input[name='weeks']").each(function(){
            if(week.indexOf($(this).val(), 0)!=-1){
                $(this).attr("checked",'true')
            } 
            //alert(week.indexOf($(this).val(), 0))
        });
    });

在js中想要通过el表达式获取值的话,一定要在el表达式外面加“”,否走会报错

然后通过jquery语句 $("input[name='weeks']") 获取所有的复选框,并通过 each(function(){} 给每个复选框绑定事件。js中有很多检查字符串是否包含的方法,在这里选用的是indexof(a,b),indexof中有两个参数,a参数是指是否包含的字符,b参数是从第几个字符开始判断。

在本例中,如果week字符串不包含复选框的值的话,会返回-1,如果包含的话,会返回复选框val在字符串中的位置

week.indexOf('二', 0)

返回值就是1,所在位置的初始值从0开始。

week.indexOf('日', 0)

返回值就是-1。

最后通过 $(this).attr("checked",'true') 给复选框设置为选中。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值