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 : ''

}

其实就是一个√号,把它加到文字前面就可以了。

<select>

<option>√ 大专</option>

<option> 本科</option>

</select>

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码

2、在index.html中的<script>标签,输入js代码:

$('input').click(function () {

var now = this

$('input').each(function (i, e) {

if (now !== e) {

$(e).attr('checked', false)

}

})

})

3、浏览器运行index.html页面,此时每打钩一个checkbox,都会取消其它checkbox的打钩。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存