判断input是否被选中-创新互联

今天处理了一个input被选中的问题，所以今天就谢谢input被选中的一些js相关的问题吧。

我们提供的服务有：成都网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、江苏ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的江苏网站制作公司

input的被选中属性叫做checked。

checked是input的多选框type=”checkbox”、单选框type=”radio”的属性。

checked在JS里面有两个属性：

1、选中的时候是true

2、不被选中的是false

到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了。

首先咱们先写一个布局，尽量简单点：

JQ方法
原生JS方法
为了大家的方便理解我使用原生JS和JQ都写一个把。在input被选中上其实原生JS更为直接和有效率（个人看法）

先来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; iif (inputs[i].checked == true){
console.log('第' + i + 'input被选中了');
}else{
console.log('第' + i + 'input没被选中');
};
};
};
这个代码我还是比较满意的，如果你的项目是原生JS来写的倒是可以使用这个代码呢。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网页名称：判断input是否被选中-创新互联
链接URL：http://mswzjz.cn/article/diespi.html