javascript - js中输出复选框中的文本的问题
怪我咯
怪我咯 2017-04-11 12:51:50
[JavaScript讨论组]
 
        
音乐 登山 游泳 阅读 打球 跑步

请输入您要选择爱好的序号,序号为1-6:

请问输出复选框中的文本为什么是空的?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(8)
PHP中文网

没有value啊,记得设置value

伊谢尔伦

文本不在元素内部啊,兄弟

迷茫

巴扎黑

input设置value吧

迷茫
  1. input元素是void element,只有start tag,没有end target

  2. innerHTML属性的值是start tagend tag的HTML内容,所以获取input元素的innerHTML属性值是为空字符串的

  3. input的值应该放在value属性中<input value="music" type="radio">

  4. 获取多选的结果可以通过:checked伪类,document.querySelectorAll('[name="hobby"]:checked');

高洛峰

文字也不在input标签中……怎么拿innerHTML,而且也不推荐在input标签内写文字,要么设置value属性,要么给input设置data-属性,要么用label标签

PHP中文网

怎么想的?大兄弟

迷茫

input是一个单标签,你的文字写在了标签之外,所以并不成为input的文本。应该将文字设置为input的value值,如:

<input value="音乐" type="checkbox" name="hobby" id="hobby1" />

这样的话就可以通过value的方法获取文字了:

alert(document.getElementById("hobby1").value) // "音乐"

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号