jquery 判断input checkbox 是否选中

最新推荐文章于 2023-07-17 22:59:29 发布
最新推荐文章于 2023-07-17 22:59:29 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： Jquery(功能篇)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouzhiwengang/article/details/44835985
版权

判断checkbox是否被选中网上有选多种写法，这里有一种方法，个人觉得比较方便

<!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=utf-8" />
<title>李立纪念馆</title>
<link href="./css/index.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.STYLE17 {
	font-size: 12px;
	color: #666666;
}
</style>
</head>

<body>
	<div class="main">
		<div class="banner">
			<img src="image/banner.png" width="1024" height="200" />
		</div>
		<div class="nav">
			<a href="index.html">纪念主页</a> | <a href="introduction.html">艺术简介</a>
			| <a href="message.html">追思留言 </a> | <a href="#"> 相册  </a> | <a href="#"> 作品集 </a>
		</div>
		<div class="content">
			<div class="words_content"> 
				<div class="words_write">
					<div class="words_top">
						<form id="form1" name="form1" method="post" action="">
							<label> <input type="text" name="textfield" /> </label>
						</form>
					</div>
					<div class="words_down">
						<table width="433" height="35">
							<tr>
								<td width="238"><table width="242">
										<tr>
											<td width="46"> </td>
											<td width="184"><div align="right">
													<form id="form3" name="form3" method="post" action="">
														<label> <input type="checkbox" name="checkbox"
															value="checkbox" id="anonymous" /> </label>
													</form>
												</div>
											</td>
										</tr>
									</table>
								</td>
								<td width="42"><span class="STYLE17">匿名</span>
								</td>
								<td width="137"><form id="form2" name="form2" method="post"
										action="">
										<label> <input type="button" name="Submit" value="确定" id="confirm" />
										</label>
									</form></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="right_content">
				<table width="100">
					<tr>
						<td height="167"><a href="#"><img src="image/image1.png"
								width="212" height="149" border="0" />
						</a>
						</td>
					</tr>
					<tr>
						<td height="167"><a href="#"><img src="image/image2.png"
								border="0" />
						</a>
						</td>
					</tr>
					<tr>
						<td> <a href="#"><img src="image/image3.png"
								border="0" />
						</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="./js/layer/layer.min.js"></script>
	<script type="text/javascript">
		$(function(){
		   $("#confirm").bind("click",function(){
		   				//判断是否为匿名		   				
		   				 alert($("#anonymous").is(":checked"));
		           
		   });
		       
				
		});
	</script>

	

</body>
</html>
</span>


在奋斗的大道
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
改写你的checkoutinput默认样式
08-10
改写你的checkout input默认样式
input中复选框设置和判断选中和未选中的几种方法
weixin_44818730的博客
11-10 5340
html部分： <!-- html --> <input name="checkbox" class="checkbox" type="checkbox" data-bid="2" /> 1、设置选中和未选中方法： // js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> var checkbox
改变表单元素input中radio，checkout，button，submit等固定默认样式
qq_28586119的博客
08-02 1691
在表单元素中，默认的input样式很不美观，有时候需要修改默认的样式 默认框的修改： <label class="checkBox"><input class=‘’box“ type="checkbox">全选</label> input[type='checkbox']{ width: 20px; height: 20px; back...
(礼拜四log)前端开发：使用jq控制input checkbox的选中和取消
YuqiRealm.com
05-26 632
jq控制input checkbox的选中和取消
自定义 radio + checkout 样式
飞扬_柳絮的专栏
05-28 1560
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> &...
jQuery判断checkbox选中状态
10-22
1. **设置checkbox选中状态**： - 一种常见的方式是使用`.attr('checked', true)`来选中复选框，但有时候这种方法可能不会生效。原因是，当`checked`属性已经存在时，再次设置`checked`为`true`可能不会改变状态。 ...
jquery获取checkbox选中的值
12-16
在本文中，我们将深入探讨如何使用jQuery来获取checkbox选中的值，包括全选、取消全选、反选以及选中奇数行的操作，并讲解如何获取选中的值。 首先，我们需要引入jQuery库。在`1.html`文件中，我们看到包含了一个名...
jquery checkbox 选中 取消 checkbox多选
10-27
本文将深入探讨如何使用jQuery来实现复选框（checkbox）的选中和取消选中功能，以及如何处理多选的情况。 首先，我们需要理解HTML中的`<input>`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...
jquery判断至少有一个checkbox被选中的方法
10-24
// 判断是否有复选框被选中，并更新提交按钮的disabled属性 submitButton.attr("disabled", !checkboxes.is(":checked")); }); ``` 在上述代码中，`checkboxes.is(":checked")`用于检查是否有复选框被选中。如果...
python全栈测试开发——python与Selenium3测试实战
最新发布
Xiaowu2048的博客
07-17 321
python全栈测试开发学习整理
input输入框之checkbox
weixin_48227159的博客
11-12 1448
1、遍历某个div下每一个input框, is(’:checked’)判断是否选中 let _list = [] $('.form').find('input[name="busiPackages"]').each(function() { let itemVal = $(this).val(); let itemCode = $(this).data('code'); if ($(this).is(':checked')) { _list.push({code: ite
如何判断input复选框是否选中
qq_45281478的博客
09-16 4200
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
input checkbox 获取选中值和设置选中状态
wusejiege6的博客
06-08 1万+
获取选中值JS代码： shisssss //nodestr s function getValueCB(nodestr){ var node = document.getElementsByName(nodestr); var nodeValue = []; var len = node.length; for (var i = 0; i < len; i++) { if (node[i].checked) { nodeValue.push(node[i].value); }
判断input checkbox 是否checked
自由的大月
09-28 5627
alert($(this).is(":checked"));
input checkbox加样式
gkkids的博客
01-15 672
给input的checkbox加样式 1.首先把标签写好 iphone iphone iphone 2.写上样式 .box-checkbox li.check-box { position:relative; padding-left:20px; margin-bo
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”时，系统
jQuery中判断input的checked属性
weixin_34270606的博客
10-20 499
<input type="checkbox" id="ipt1" checked> <input type="checkbox" id="ipt2" checked="checked"> <input type="checkbox" id="ipt3"> var val = $("#ipt").is(":checked"); //...
vue判断input框中的checkbox(单选)是否为选中状态
Now_li的博客
10-21 1万+
开发购物车项目中需要判断商品是否选中或者取消。开始使用的是Vant-ui中的 van-checkbox 组件，因为van-checkbox无法获取v-model中的状态值 后来就直接使用input写了。 <input type="checkbox" v-model="item.onYes" :name="item.id" @click="choice(item,index)"/> //item.onYes是后台返回的初始值（字符串格式，可以使用Boolean()进行转义为布尔类） 在metho
Jquery 判断 checked 是否选中
White feathe 的博客
04-27 8180
如果要判断Js中的 checked 是否选中，首先取决于你 引用 的 Jquery 的版本。首先，我引用的是 jQuery v1.11.2 的版本出现的效果如下：（建议：选用 jquery-1.8.3.min.js 会比较稳定点）<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit
jquery 如何判断checkbox选中
05-11
可以使用 jQuery 的 `is()` 方法来判断 checkbox 是否被选中，示例如下： ```html <input type="checkbox" id="myCheckbox" value="1" />选项 $(function() { if ($('#myCheckbox').is(':checked')) { console....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值