html 判断checkbox,javascript判断checkbox是否被选中

1. 当表单里面只有一个checkbox复选框时，这时候很容易判断checkbox复选框是否被选中，如下实例：

if(document.getElementById("ck1").checked){

alert("checkbox is checked");

}

document.getElementById("ck1").checked用于获取id为ck1的复选框的checked属性值，如果为true表示复选框选中，否则没有被选中。

2。当表单里有n个checkbox的时候，我们需要使用js遍历来分别判断每个checkbox复选框checked属性值，如：

function ifChecked()

{

var a = document.getElementsByName("cashbagSaveYN");

var n = a.length;

var k = 0;

for (var i=0; i

if(a[i].checked){

k = 1;

}

if(k==0){

alert("请选中Checkbox!");

return;

}

document.getElementsByName("cashbagSaveYN")获取到HTML文档中的所以checkbox，结果为一个数组，数组的元素为每个checkbox对象，然后我们使用for遍历这个数组，分别判断每个checkbox的checked属性值，从而来获取checkbox复选框是否被选中。

再看一个实例，该实例也是演示javascript如何判断checkbox是否被选中的。

4 doors

2 doors

function submitOrder() {

if((document.orderForm.door4.checked == true) && (document.orderForm.door2.checked == true)){

console.log("You selected two different door styles. Reselect door style.");

document.orderForm.door4.checked = false;

document.orderForm.door2.checked = false;

}else if((document.orderForm.door4.checked == false) && (document.orderForm.door2.checked == false)){

console.log("You did not select a door style! Please select a door style.");

} else {

var alertString = String("Order: ");

if(document.orderForm.door4.checked == true)

alertString += "4 doors.";

if(document.orderForm.door2.checked == true)

alertString += "2 doors.";

console.log(alertString);

}

html 判断checkbox,javascript判断checkbox是否被选中相关推荐

php checkbox后台判断是否选中,jquery如何判断是否选中checkbox
jquery判断是否选中checkbox的方法:1.使用is判断,代码为[if($('#checkbox-id').is(':checked'))]:2.使用attr判断,代码为[if ($('#ch ...
用js 判断datagrid 中的 checkbox 是否被选中
private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 ...
C# 怎样判断 datagridview 中的checkbox列是否被选中
开发(winform)时碰到这个问题 C# 怎样判断 datagridview 中的checkbox列是否被选中,错误原因都C#对类型判断相当严格,为了避免大家以后多走弯路,把我的思路和大家说一下,希 ...
java中判断复选框是否选中_php 判断复选框checkbox是否被选中
php 判断复选框checkbox是否被选中复选框checkbox在php表单提交中经常被使用到,本文章通过实例向大家介绍php如何判断复选框checkbox中的值是否被选中,需要的朋友可以参考一下 ...
jQuery: 判断checkbox复选框是否被选中
本文介绍如何用jQuery获取checkbox复选框选中状态,或验证是否选中或取消选中复选框. jQuery: 判断checkbox复选框是否被选中这里我们使用jQuery .is()方法和匹配的c ...
php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...
javascript 判断前端是 pc端还是移动端
javascript 判断前端是 pc端还是移动端 <!DOCTYPE html> <html lang="en"> <head>< ...
JavaScript判断浏览器类型及版本
JavaScript判断浏览器类型及版本你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...
javascript判断输入的值是不是正整数
转贴:2010年7月29日17:12:36 <script type="text/javascript"> /*判断文本框中输入的值是不是正整数*/ function ...

html 判断checkbox,javascript判断checkbox是否被选中

html 判断checkbox,javascript判断checkbox是否被选中相关推荐

最新文章

热门文章