html勾选框打上勾代码?

html勾选框打上勾代码?,第1张

为checkbox控件加上checked属性即可默认打钩:

<input name="save" id="save" type="checkbox" onClick="save_ck(this)" checked>记住密码

<input name="auto" id="auto" type="checkbox" onClick="auto_ck(this)" checked>自动登录

如果想打钩后不能取消打钩,可以用JS为已打钩的checkbox增加disabled属性禁用控件。

function save_ck(ckbox) {

    var ckbox = document.getElementById(ckbox.id)

    ckbox.checked ? ckbox.disabled = true : ''

}

function auto_ck(ckbox) {

    var ckbox = document.getElementById(ckbox.id)

    ckbox.checked ? ckbox.disabled = true : ''

}

html 怎么实现 单选按钮和多选按钮值固定,且不可勾选的功能

直接将radio的单选标签添加disable属性即可。如下

<input type="radio" checked="" disabled="disabled" >单选选项

这样的话在页面上看到的radio button就是灰色的也不能点选。

俺来提供个jquery版

<label><input name="" type="checkbox" value="" id="regText">同意注册协议</label>

<button type="submit" disabled id="regBtn">立即注册</button>var regBtn = $("#regBtn")

    $("#regText").change(function(){

        var that = $(this)

        that.prop("checked",that.prop("checked"))

        if(that.prop("checked")){

            regBtn.prop("disabled",false)

        }else{

            regBtn.prop("disabled",true)

        }

    })

完整的效果演示参考http://www.51xuediannao.com/jiqiao/786.html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7268504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存