js 判断checkbox是否选中

最新推荐文章于 2022-07-07 00:21:30 发布
最新推荐文章于 2022-07-07 00:21:30 发布
阅读量117 收藏
点赞数
分类专栏： JavaScript 文章标签： XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaoyanzhu/article/details/83711547
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
	function test(obj)
	{
		//alert(obj.value);
		//alert(obj.name);
		var cname = "BUKRS";
		var ename = "PUR_ORG";

		for(i=0;i<document.all(ename).length;i++)    
		{    
			if(document.all(ename)[i].checked ==false && document.all(ename)[i].value==obj.value)
				document.all(ename)[i].checked = true; 
			else if(document.all(ename)[i].checked ==true && document.all(ename)[i].value==obj.value)
				document.all(ename)[i].checked = false;    
		}       


	}

</script>
</head>

<body>
     <TABLE BORDER=1 WIDTH="100%" style="margin-top:20px">
		<tr>
  			<TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1000" onclick="test(this);">台北</TD>

            <TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1600" onclick="test(this);">北京</TD>

            <TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1605" onclick="test(this);">武漢</TD>

            <TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1603" onclick="test(this);">大連</TD>

            <TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1602" onclick="test(this);">上海</TD>

            <TD CLASS="Default"><INPUT NAME="BUKRS" TYPE="CHECKBOX" CLASS="Default" VALUE="1604" onclick="test(this);">珠海</TD>

         </TR>
</table>

     <TABLE BORDER=1 WIDTH="100%" style="margin-top:20px">
		<tr>
  			<TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1000">Taibei</TD>

            <TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1600">Beijing</TD>

            <TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1605">Wuhan</TD>

            <TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1603">Dalian</TD>

            <TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1602">Shanghai</TD>

            <TD CLASS="Default"><INPUT NAME="PUR_ORG" TYPE="CHECKBOX" CLASS="Default" VALUE="1604">Zhuhai</TD>

         </TR>

        </table>


</body>
</html>
yaoyanzhu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html 判断checkbox,javascript判断checkbox是否被选中
weixin_27744023的博客
06-15 3457
1. 当表单里面只有一个checkbox复选框时，这时候很容易判断checkbox复选框是否被选中，如下实例：if(document.getElementById("ck1").checked){alert("checkbox is checked");}document.getElementById("ck1").checked用于获取id为ck1的复选框的checked属性值，如果为true表...
用js判断列表里面的checkbox是否勾选
01-18 1654
要实现的功能如图所示：   全选的checkbox的js代码如下：var status=true;    function allselect(){                               var tags=document.getElementsByTagName("input");                  for (i = 0; i         
js 判断checkbox 是否选中
dingxingmei的专栏
09-12 823
html代码：                      星期一                     星期二                     星期三                     星期四                     星期五                     星期六                     星期天     j
判断checkbox是不是选中状态
peijiajing的博客
09-10 583
自己总忘，记下来比较好 var dianji = document.getElementsByClassName("dianji")[0]; dianji.onclick = function(){ if(this.value==true){ console.log("选中") }else{ console.log("未选中") } } ...
jquery复选框 选中事件 及其判断是否被选中_常用笔记
weixin_33842304的博客
09-17 651
checkbox的change事件可监听是否选中状态，也可添加onclick事件。var dom=$('.checkbox');1. 判断checkbox是否被选中 var dom=$('.checkbox'); dom.prop('checked'); //实现控制checkbox是否选中状态: 切换到初始状态　　if (!(dom.prop('checked')))...
js中复选框checkbox如何判定为被选中
爱学习的大雄的博客
07-07 3万+
在学习的过程中触及到html分离式开发的内容，其中复选框checkbox判定选中对于ajax传数据来说十分重要，故将该篇文章转发留存，方便以后查阅。要想判定复选框选中状态可以使用： 1、checkbox中的checked属性 1.1 如果对于input标签，不设置其checked属性的话，默认是该复选框不被选中； 1.2 而如果设置了checked属性的话，本人在js中测试的时候；1）将checked属性设置为checked=true或者checked=”true”或者checked=”false”时，系统
js 判断checkbox是否选中的实现代码
10-28
大家在很多场合也许会遇到判断页面是否有元素选中，下面介绍的是利用js判断是否选中CheckBox的方法。
js判断checkbox是否选中个数的方法(超简单)
10-21
在JavaScript中，我们需要编写代码来判断这些`checkbox`是否被选中，并且统计选中的个数。本文将详细介绍一种超简单的JS方法来实现这个功能。 首先，我们要明确目标：统计同类型的`checkbox`（即拥有相同`name`属性...
js 判断checkbox是否选中的操作方法
10-27
本文将详细讲解如何使用 JavaScript 来判断 `checkbox` 是否被选中。 1. **获取 `checkbox` 元素** 在 JavaScript 中，可以通过 `document.getElementsByName()` 方法来获取页面上具有特定名称的 `checkbox` 元素...
复选框选中状态html,javascript中如何判断checkbox是否选中？
weixin_32004053的博客
05-31 5434
javascript判断checkbox是否选中的方法：1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。对于在js中来判断checkbox是否被选中很简单，示例如下：1、直接通过checkbox的checked属性判断。HTML代码：相应的javascript代码如下：var check = document.getElementsBy...
JS判断checkbox是否被选中
lovely960823的博客
06-10 4306
根据id，通过onclick方法判断复选框是否被选中 function check1(){ if($('#checkbox1').is(':checked')){//判断是否被选中 document.getElementById("checkbox2").disabled=true; }else{ document.getElementById("checkbox2").disabled=f...
js如何判断复选框是否选中
热门推荐
Sang
07-09 3万+
js判断复选框是否选中 复选框全选、全不选、反选、必选一个 //全选 function selectAll() { var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){
JQ判断checkbox选中状态
北七零度
02-14 1万+
//判断checkbox 是否选中 $("#id").is(":checked");//选中，返回true，没选中，返回false //设置checkbox为选中状态 $("#id").prop("checked",true); //设置checkbox为不选中状态 $("#id").prop("checked",false); ...
js判断复选框是否选择
光头强的博客
09-27 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;meta charset='utf-8' /&gt; &lt;body&gt; &lt;input type='checkbox' name='id' /&gt;哈哈&lt;br/&gt; &lt;input type='checkbox' name='id' /&gt;哈哈&lt;br/&gt; &a
js脚本如何判断checkbox是否选中？
南方侯鸟
08-13 263
分享下js判断是否选中CheckBox的方法。 代码如下： &lt;input type="checkbox" name="checkbox1" checked&gt; &lt;input type="checkbox" name="checkbox1"&gt; &lt;input type="checkbox" name="chec
JavaScript判断复选框是否被选中，并获得值
dingyu_12的博客
08-17 566
判断复选框是否被选中是很常用的，可以采用JS获得dom对象，通过判断 if(str[i].checked == true)来判断复选框是否被选中，也可以通过JQuery方式，判断if($(this).attr("checked"))。下面总结一下平时用到的代码。 //判断复选框是否被选中，并获得值 function checkbox(){ var str=document.ge...
jQuery判断checkbox是否选中的3种方法
别告诉我有Bug
09-06 2万+
方法一： if ($("#checkbox-id").get(0).checked) { // do something } 方法二： if($('#checkbox-id').is(':checked')) { // do something } 方法三： if ($('#checkbox-id').attr('checked')) { // do something...
js判断checkbox是否选中
最新发布
05-19
可以通过以下方式来判断checkbox是否选中： 1. 通过JavaScript获取checkbox元素：可以使用`document.getElementById()`或者`document.querySelector()`方法获取checkbox元素。 2. 判断是否选中：通过`checked`属性来判断是否选中，如果选中则返回`true`，否则返回`false`。 下面是一个示例代码： ```html <label> <input type="checkbox" id="myCheckbox"> 是否选中 </label> <button onclick="check()">点击检查</button> <script> function check() { var checkbox = document.getElementById("myCheckbox"); if (checkbox.checked) { alert("已选中"); } else { alert("未选中"); } } </script> ``` 在上面的示例中，当点击“点击检查”按钮时，会调用`check()`函数来检查checkbox是否选中。如果选中则弹出“已选中”，否则弹出“未选中”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值