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(), )!=-){
                $(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('二', )
           

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

week.indexOf('日', )
           

返回值就是-1。

最后通过

$(this).attr("checked",'true')

给复选框设置为选中。