从品牌网站建设到网络营销策划,从策略到执行的一站式服务
今天处理了一个input被选中的问题,所以今天就谢谢input被选中的一些js相关的问题吧。
input的被选中属性叫做checked。
checked是input的多选框type=”checkbox”、单选框type=”radio”的属性。
checked在JS里面有两个属性:
1、选中的时候是true
2、不被选中的是false
到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了。
首先咱们先写一个布局,尽量简单点:
先来JQ判断input被选中的吧:
$(function () {
$('#button1').click(function () {
$('#box input').each(function (index) {
if ($(this).get(0).checked == true){
console.log('第' + index + 'input被选中了');
}else{
console.log('第' + index + 'input没被选中');
};
});
});
});
这个代码只能算中规中矩,不算太烂也不算太好,其实咱们可以使用for循环更好,当然JQ的each是一个特别强大的属性,所以这里就用each吧。
下面是原生JS的方法判断input被选中:
var box = document.getElementById('box');
var inputs = box.getElementsByTagName('input');
var button2 = document.getElementById('button2');
button2.onclick = function () {
for (var i=0; i
console.log('第' + i + 'input被选中了');
}else{
console.log('第' + i + 'input没被选中');
};
};
};
这个代码我还是比较满意的,如果你的项目是原生JS来写的倒是可以使用这个代码呢。
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图