jquery判断复选框是否被选中实例

html代码

下面通过例子来说明(现在有如下的一组复选框):

 代码如下 复制代码

<input type="checkbox" name="fruit" value="apple" />苹果
<input type="checkbox" name="fruit" value="orange" />橘子
<input type="checkbox" name="fruit" value="banana" />香蕉
<input type="checkbox" name="fruit" value="grape" />葡萄

jquery代码

进入正题,还是当页面有如下一组复选框的时候

获取代码

获取 name=fruit 的一组复选框的值的方法如下:

 代码如下 复制代码

var checkVal='';
$("input[name='fruit']:checkbox").each(function(){
 if($(this).attr('checked')){
  checkVal+=$(this).val()+',';
 }
})

javascript代码

获取 name=fruit 的一组复选框的值的方法如下:

 代码如下 复制代码

<script language="javascript">
function checkbox(){
 var str=document.getElementsByName('fruit');
 var strLen=str.length;
 var checkVal='';
 for (i=0;i<strLen;i++){
  if(str[i].checked==true){
   checkVal+=str[i].value+',';
  }
 }
 if(checkVal==''){
  alert("请先选择复选框~!");
 }else{
  alert("复选框的值是:"+checkVal);
 }
}
</script>

时间: 2024-10-25 22:38:38

jquery判断复选框是否被选中实例的相关文章

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

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

jquery判断复选框是否选中进行答题提示特效_jquery

本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 一.实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:根据复选框的选中情况给出相应的提示 二.下面来看主体程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <

jquery判断复选框checkbox选中个数

首先引入jquery文件 <script type="text/javascript" src="js/jquery.js"></script> 判断check是否选中 多选框checkbox:  代码如下 复制代码  $("#chk1").attr("checked",'');//不打勾  $("#chk2").attr("checked",true);//打勾

c#treeview怎么判断复选框是否有选中,有选中就修改,没有就返回,要怎么判断?

问题描述 c#treeview怎么判断复选框是否有选中,有选中就修改,没有就返回,要怎么判断? 不管父节点和子节点只要有勾选就可以进修改! 解决方案 递归判断 bool isChecked(TreeNode tn) { return tn.Checked || tn.Items.Cast<TreeNode>().Any(x => isChecked(x)); } 解决方案二: 只能循环遍历整个树节点了

jquery判断复选框选中状态以及区分attr和prop_jquery

最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取不到复选框改变后的状态,最后查资料发现jQuery 1.6以后新增加了prop()方法,借用官方的一段描述就是: The difference between attributes and properties can be important in specific situations. Before jQuery 1.6, the .attr() method sometimes took pro

jQuery判断复选框是否勾选的原理及示例_jquery

今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除. 效果如图:  实现源码:cyfID为复选框的id 复制代码 代码如下: $("#cyfID").click(function(){ var ischeck=$(this).attr("checked"); if(ischeck==undefined){ //清除输入框 alert(""); }else{ //给输入框赋值 alert("qq")

jQuery检测判断复选框是否被选中了的几种方法

我们一般在做项目的时候都免不了操作表单,使用JS.当然我们也可以用jquery,jquery是个非常不错的插件,简化了绝大部分的js,利用它能够非常简便的操作表单.我们接下来看看如何利用jquery判断checkbox是否选中 方法一: if ($("#checkbox-id")get(0).checked) {     // do something } 方法二: if($('#checkbox-id').is(':checked')) {     // do something }

jquery判断复选框选中代码

<script language="网页特效"> var checkcount=0;     $("[name='chooseo教程ne']").each(function(){         if($(this).attr("checked")){             checkcount++;         }     }); </script> <!doctype html public "-

javascript判断复选框是否选中的方法_javascript技巧

之前总结了一下关于jquery如何判断复选框是否选中的问题,今天总结如何判断js复选框是否选中 javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="o