`

jquery判断一组checkbox中是否至少选中了一个

阅读更多
1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
name即控件name属性,value即控件value属性
可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式
if($("input[name=row_checkbox]").attr('checked')==true)
{
       alert("ok,已选中至少一条");
}
else
{
       alert("没有选中数据,请选择数据!");
}
另,还可以写成if($("[name=row_checkbox]").attr('checked')==true)
 
===============================
会员注册时,在表单的最后一项是 “□ 阅读并同意注册协议”,然后是提交。默认的复选框是勾选的,怎样验证这个复选框如果不勾选,验证就通不过?
 <script language="JavaScript" type="text/javascript">
  
function chkform(){
if(!document.getElementsByName("checkbox")[0].checked)
  {
     alert("请阅读条款并同意我们的条款才可以继续申请");
     return false;}
  }
  </script>
  <form id="form1" name="form1" method="post" action="" style="margin:0px;" onSubmit="return chkform();">
<input type="checkbox" name="checkbox" value="checkbox" />
   <a href="retk.asp" target="_blank">我已阅读并同意俱乐部条款</a>
<input name="okreg" type="submit" id="okreg" value="同意并继续注册" class="inputtd" style="cursor:hand;" />
</form>
 
========================= 
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

jQuery 1.3.2版本下的
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");
radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");
 
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
单选组radio: $("input[type=radio][checked]").val();
下拉框select的value值: $('select').val();
下拉框select选中的text 值:$("select").find("option:selected").text();
控制表单元素:
文本框,文本区域:$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
单选组radio: $("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
jQuery获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到
Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔返回一个数组
分享到:
评论

相关推荐

    JS判断是否选中checkbox

    **解析**: 这个代码段与前一个有所不同,它检查的是在一组具有相同名称的`checkbox`中是否至少有一个被选中。如果没有,则会弹出一个警告框。 #### 代码片段三:更复杂的案例 ```html function checkme() { var...

    jQuery基于layui插件制作checkbox复选框选中代码

    同名的checkbox会形成一个选择组,用户只能选择其中的一个。例如: ```html &lt;input type="checkbox" name="selectGroup" value="option1"&gt; &lt;input type="checkbox" name="selectGroup" value="option2"&gt; ``` 3....

    jquery操作Radio、Checkbox、Select Demo

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨如何使用jQuery来操作HTML中的Radio按钮、Checkbox复选框以及Select下拉列表。 一、...

    jquery判断至少有一个checkbox被选中的方法

    综上所述,本文主要讲述了如何利用jQuery判断至少有一个checkbox被选中,并通过实例说明了如何使用jQuery选择器、事件处理和属性操作来实现这一功能。掌握这一技巧,可以有效地在前端进行表单验证和交互设计,提升...

    checkbox选中与未选中判断示例

    本文将深入探讨如何判断 `checkbox` 是否被选中,并提供一个具体的示例代码来帮助理解这一过程。 `checkbox` 的状态通常有两个:选中(checked)和未选中(unchecked)。在JavaScript中,我们可以通过 `checked` ...

    Jquery为单选框checkbox绑定单击click事件

    单选框是表单元素中的一个类型,它允许用户在一组选项中选择一个项目。在HTML中,单选框通过`&lt;input type="checkbox"&gt;`标签来定义。我们可以通过为其绑定事件处理器来响应用户的点击事件。 单击事件(click event)...

    jquery获取一组checkbox的值(实例代码)

    使用jQuery获取一组checkbox选中值是常见的需求。本文将介绍如何利用jQuery来获取一组复选框(checkbox)中被勾选的项的值,并通过实例代码演示实现方法。此知识点适用于希望通过jQuery来简化JavaScript操作的web...

    JQuery操作checkbox、radio等示例

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着...

    jQuery获取checkbox选中的值

    checkbox允许用户从一组选项中选择多个项目。在使用jQuery时,有多种方法可以获取用户选中的checkbox值。本知识点将深入探讨如何使用jQuery获取选中的checkbox值,以及如何控制checkbox的选中状态。 ### jQuery获取...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    jquery之checkbox操作(v1.0.0)

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项...

    jquery、js操作checkbox全选反选.docx

    每个Checkbox都有一个`checked`属性,用于表示是否被选中。此外,还可以通过`name`属性为Checkbox分组,便于统一处理。 ##### 2. jQuery简介 jQuery是一款快速、简洁的JavaScript库,简化HTML文档遍历、事件处理、...

    jQuery基于layui插件制作checkbox复选框选中代码.zip

    总的来说,这个项目提供了一个实用的示例,展示了如何结合jQuery和layui来创建功能丰富的checkbox复选框,对于提升前端开发效率和用户体验有着显著的帮助。开发者可以根据自己的需求对代码进行二次修改,以适应不同...

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

    jquery实现 复选框 选中和不选中 美化复选框

    这只是一个基本的示例,实际应用中可以根据需求进一步定制样式和交互,例如添加动画效果、多选复选框组等。在实际项目中,可以考虑使用现成的jQuery插件,如Bootstrap的Checkbox Switch或iCheck,它们提供了更丰富的...

    JQuery 自定义 radio与checkbox

    在网页设计中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了JavaScript代码的编写,尤其是在处理DOM操作、事件处理和动画效果上。本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和...

    jQuery Checkbox列表双向选择移动代码

    每个div内包含一组Checkbox,用户可以勾选Checkbox,然后通过点击左右箭头按钮,将选中的项在两个列表之间移动。接下来,我们将一步步分析如何实现这一功能。 1. **HTML结构**: 首先,我们需要构建基本的HTML布局...

    jquery判断复选框是否被选中的方法

    jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题,还是当页面有如下一组复选框的时候: &lt;input type=checkbox name=fruit value=apple /&gt;苹果 &lt;input type=checkbox name=fruit value...

    jquery判断checkbox(复选框)是否被选中的代码

    在jQuery中,对复选框(checkbox)进行选中状态的判断是常见的需求,尤其是在处理表格数据或用户交互时。jQuery提供了简洁的API来操作DOM元素,包括复选框的选中状态。以下是对标题和描述中涉及的知识点的详细说明:...

    jQuery判断checkbox是否选中的小例子

    通过上述知识点的详细介绍,我们可以看到,虽然“jQuery判断checkbox是否选中的小例子”是一个看似简单的主题,但实际上它涵盖了前端开发中的多个基础知识点,包括DOM操作、jQuery语法和API、事件处理以及Web开发的...

Global site tag (gtag.js) - Google Analytics