如何删除属性" readonly"使用JQuery

时间:2017-08-21 06:24:52

标签: css html5

我正在实施任何公告免费电路板页面应用了董事会的页面密码编号的秘密和非秘密。

我想实现如果选中区分是否保密文章的复选框,我想删除应用秘密公告的密码的readonly属性。

密码的id = bbs_password

复选框id = secret_yn

因为所有来源都是我的隐私,我无法直接将其附加到此。请理解我。

或者,我通过照片附上部分源代码。

这是我到目前为止所做的:

$(document).ready(function(){
$('#bbs_password').attr('readonly','readonly')


if($('input:checkbox[id="secret_yn"]').is(":checked") == true){
    $('#bbs_password').removeAttr('readonly','readonly');
    if(document.bbs_write_form.bbs_password.value == ""){
        alert("input the password!); 
        document.bbs_write_form.bbs_password.focus();
        return false;
    }
}

enter image description here enter image description here 非常感谢阅读本文。

2 个答案:

答案 0 :(得分:2)

将元素设置为只读:

$('#bbs_password').prop('readonly', true);

并将其切换回可编辑状态:

$('#bbs_password').prop('readonly', false);

如果您的jQuery版本低于1.9,则需要使用:

$('#bbs_password').attr('readonly', true);

答案 1 :(得分:0)

依靠你的jQuery版本试试这个:

$('.selector').prop('readonly', false);
Or
$('.selector').attr('readonly', false);