首页 > 试题广场 >

如何实现点击文字选中checkbox？

[问答题]
如何实现点击文字选中checkbox？
添加回答
Rosevil头像 Rosevil
DOM结构： 
<form>
    <label for="check">点我选中</label>
    <input type="checkbox" name="name" id="check">
</form>
js代码： 
var label = document.getElementsByTagName('label')[0]
var check = document.getElementsById('check')
label.onclick = function ( ) {
    check.checked = true
}

发表于 2017-08-21 15:18:04 回复(1)
坠凡～涅护头像 坠凡～涅护
  1. 第一题， 可以直接通过label标签 
<label for="check"><input type="checkbox" id="check"/>name</label>
  1. 第二题 http是无状态协议，因此服务端普通情况下无法区分请求是谁发出来的，因此引入了session机制，那么问题来了，session怎么用？他会默认保存在浏览器的cookie之中，每一个请求都会带上cookie,cookie有服务器区别是哪一个客服端发出的请求session,因此，服务器就能正常区分了。正常情况下，浏览器关闭会清除session. 此外，cookie还可以保存任何本地信息，不过有容量限制
编辑于 2017-03-24 14:48:50 回复(0)
小七201809242255482头像 小七201809242255482
直接设置label的for属性值为input 的id属性值
发表于 2019-03-04 10:23:31 回复(0)
路雨LY头像 路雨LY
DOM结构：
<form>
<lable for="check">点我</lable>
<input type="checkbox" name="name" id="check">
</form>
JS代码：
var lable = document.getElementsByTagName('lable'),
check = document.getElementById('check');
lable.onclick = function(){
check.checked = true;
}
编辑于 2017-12-11 13:36:28 回复(0)
走过路过见过记得头像 走过路过见过记得
<!doctype html>
<html>
    <head></head>
    <body>
          <div>
            <p id="font">please click here</p><input type="checkbox">
          </div>
           <script>
                      document.getElementById('font').addEventListener('click',function(e){
                                      e.preventDefault();
                                       e.stopPropagation();
                                        document.querySelector('input[type=checkbox]').checked=true;
                       });;
            </script>
    </body>
</html>
发表于 2017-09-02 15:14:04 回复(0)
子木311头像 子木311
<!doctype html>
<head>
<title>点击文字选中checkbox</title>
</head>
<body>
    <form>
        <label for="a" />
        <input type="checkbox" id="a" value="A" />
        <label for="b" />
        <input type="checkbox" id="b" value="B" />
    </form>
</body>
</html> 
发表于 2017-08-29 20:42:49 回复(0)
anqin头像 anqin
<label>点我<input type="checkbox"/></label>
发表于 2017-08-22 21:20:52 回复(0)
牛客958379号头像 牛客958379号
1点击每个复选框的值时，通过js过去对象，改变它的select属性。 2cookies保存在本地的信息，可以设置时间限制，关闭窗口还有。session，保存在会话的信息，关闭窗口清楚。
发表于 2016-12-26 11:14:26 回复(0)
提交观点

问题信息

2017 前端工程师 挖财 HTML
来自：挖财2017校招前端工...
上传者：牛100
难度：
8条回答 5620浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号