php 获取checkbox是否选中,javascript操作html复选框checkbox:如何判断复选框是否被选中...

本文介绍了如何在JavaScript中处理复选框的状态检查与设定,包括如何判断复选框是否被选中及如何批量设置复选框的选中状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(由www.169it.com搜集整理)

在PHP中,html复选框checkbox被选中,则提交的值是on,否则就是空,所以可以通过value值判断是否被选中。在JavaScript中,貌似不管您选还是没选中,value总是显示on,所以不能通过value判断,要检测checked的值,如果复选框被选中,则obj.checked = true否则就是false。

那么如何判定一组复选框是否有被选中的呢?

既然称为复选框组,必然是含有相同的name了,所以通过getElementsByName获取这组复选框,在for循环中依次判断。

例如,见下面的HTML代码:圣诞节

股市

阿凡达

十月围城

水价上调

相应的JavaScript代码为:var btn = document.getElementById("btn");

var test = document.getElementsByName("test");

btn.onclick = function(){

for(var i=1; i<=test.length; i+=1){

if(test[i-1].checked){

alert("当前有选中!");

return;

}

}

alert("一个也没有选!");

};

如何使用javascript来设置checkbox的选中状态

首先,同个区域的checkbox都取相同名称,即

假设为ck.

处理区域的按钮的单击事件onclick

function selectAll() {

var cks = document.getElementsByName("ck");

for(var i = 0; i < cks.length; i++) {

if(cks[i].type == "checkbox") {

cks[i].checked = true;

}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值