jquery读取复选框值

<!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>jquery读取复选框值</title>
</head>

<body>

str="input[@name=opt"][@checked]";

alert($(str).val());//($(str).val())的值是选中的。

3.读取所有id是blank的内容:

//使用模糊查询读取所有id是以blank开头的

$("input[id^=blank"+(i+1)+"]").each(function(){

alert($(this).val());

});

四、
$("input[type=checkbox][checked]").each(function(){  
alert($(this).val());  
})  
//如果用$("input[type=checkbox][checked]").val(),只会返回第一个被选中的值 

实例

html 代码:

<form>
  <input type="checkbox" name="newsletter" checked="checked" value="daily" />
  <input type="checkbox" name="newsletter" value="weekly" />
  <input type="checkbox" name="newsletter" checked="checked" value="monthly" />
</form>

jquery 代码:

$("input:checked")

用jquery省去了网页特效的判断checked与否,只需简单的一句代码就可以取出了,具体如下:

 取出复选框中选中的值:$("input:checked").each(function(){
                                     var checktypevaluearr=$(this).val();

                                     alert("checktypevaluearr=="+checktypevaluearr);

                                   });

取出单个复选框中的值:

                 $(this).val();或者$('#checkid').val();/body>
</html>

时间: 2024-09-24 10:58:38

jquery读取复选框值的相关文章

jquery获取复选框被选中的值

 这篇文章主要介绍了jquery获取复选框被选中的值的方法,需要的朋友可以参考下  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <mce:style><!--    --></mce:style&

jQuery分别获取选中的复选框值

原文:jQuery分别获取选中的复选框值 function jqchk(){  //jquery获取复选框值   var s='';   $('input[name="aihao"]:checked').each(function(){     s+=$(this).val()+',';   });  点击"提交"后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所

jquery获取复选框checkbox的值实现方法_jquery

jQuery API : each(callback)::以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

jQuery分别获取选中的复选框值的示例_jquery

复制代码 代码如下: function jqchk(){ //jquery获取复选框值 var s=''; $('input[name="aihao"]:checked').each(function(){ s+=$(this).val()+','; }); 点击"提交"后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素.

jquery获取复选框checkbox的值的简单实现方法_jquery

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

jquery获取复选框的值的简单实例_jquery

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style>

jquery获取复选框被选中的值_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> &l

jQuery获取复选框被选中数量及判断选择值的方法详解_jquery

本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法.分享给大家供大家参考,具体如下: 获取复选框被选中值 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5&

Jquery获取复选框被选中值的简单方法

这篇文章介绍了Jquery获取复选框被选中值的简单方法,有需要的朋友可以参考一下   复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50"  /> $("#btn5"