当前位置:编程学习 > JS >>

jquery读取复选框值

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>

补充:网页制作,jquery
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,