当checkBox选中时给联合对象修改属性

当checkBox选中时给联合对象修改属性

选中一一个checkBox的时候，修改相关的输入框对象required属性。

html代码

当复杂密码被选中时，正则表达式必填，否则去掉必填属性.

 <div class="form-group">
                <label class="col-sm-2 col-sm-offset-1 control-label">复杂密码：</label>
                <div class="col-sm-4">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" id="complex_pass" name="complex_pass"/>
                            启用后密码规则必须符合规定密码
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 col-sm-offset-1 control-label"></label>
                <div class="col-sm-4">
                    <input id="pass_regular" class="form-control" name="pass_regular" required/>正则表达式
                </div>
            </div>

js代码

在form提交时判断对应的checkBox是否选中，如果没有选中就移除对应的required属性

function onCheckBoxChange() {
    if ($('#complex_pass').prop('checked') == false){
        $("#pass_regular").removeAttr("required");
    }
}