jquery获取div中checkbox 选中的个数

1．HTML结构

< input type = "checkbox" name = "test" value = "1" / > < span > 1 < / span >

< input type = "checkbox" name = "test" value = "2" / > < span > 2 < / span >

< input type = "checkbox" name = "test" value = "3" / > < span > 3 < / span >

< input type = "checkbox" name = "test" value = "4" / > < span > 4 < / span >

< input type = "checkbox" name = "test" value = "5" / > < span > 5 < / span >

2．Javascript代码：

函数show（）｛

Obj文件。getElementsByName（“测试”）；

Check＿val＝［］；

For（kinobj）｛

如果（obj［k］。检查）

Check＿val。Push（obj［k］。值）；

｝

警报（check＿val）；

｝

扩展资料：

JQuery对复选框的各种 *** 作：

1．根据id获取复选框：

＄（＂＃cbCheckbox1＂）；

2．得到所有的复选框：

＄（＂input［type＝＇checkbox＇］＂）；／／或

＄（＂input［name＝＇cb＇］＂）；

3．获得所有选中的复选框：

＄（＂input：thecheckboxchecked＂）；／／或

＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或

＄（＂input［type＝＇checkbox］：checked＂）；／／或

＄（＂input：［name＝＇ck＇］：checked＂）；

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('top1div span')attr('id'));

3、浏览器运行indexhtml页面，此时成功获取到了top1div类中span标签的id并打印了出来。

可以考虑用length属性， jquery代码: $(“#ulname li”)length。

1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法：

li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

1、复杂方法：

ul {list-style:none;}

li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。

1、简单方法

ul{list-style-image:url(/images/icongif);}

这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。

你看这个思路是否可行：

你可以得到数据库的数组总条数 然后得到相应的总页数$page_all_number 大体代码如下：

php页面 应该有变量

$page_now_number = 1;//初始页面时页面数为1

$page_all_number;//数据的总页数;

html页面

<script language="JavaScript" type="text/javascript" src="js/jqueryjs"></script>

<script>

function show_page(e){ //显示对应page值的页面内容

$post('调用的php文件',{'page':e},function(data){　

//如果返回正确的值

if(data!='0'){

$("#page_info")hmtl("");//先清空页面原有的内容

$("#page_info")hmtl(data); //给页面新的内容

}

});

}

function before_page(){ //上一页

var page_number = $("#page_number")val();//得到现在的显示的页面值

if(parseInt(page_number) - 1 < 1){

alert('已经是第一页了');

return false;

}

$post('调用的php文件',{'page':page_number},function(data){　

//如果返回正确的值

if(data!='0'){

$("#page_number")val(parseInt(page_number) - 1);//因为是上一页的方面所以这页面的page值 应该 减 1

$("#page_info")hmtl("");//先清空页面原有的内容

$("#page_info")hmtl(data); //给页面新的内容

}

});

}

function next_page(){ //下一页

var page_number = $("#page_number")val();//得到现在的显示的页面值

if(parseInt(page_number) +1 < parseInt($("#page_all_number"))){

alert('已经是最后一页了');

return false;

}

$post('调用的php文件',{'page':page_number},function(data){　

//如果返回正确的值

if(data!='0'){

$("#page_number")val(parseInt(page_number) +1);//因为是下一页的方面所以这页面的page值 应该 加 1

$("#page_info")hmtl("");//先清空页面原有的内容

$("#page_info")hmtl(data); //给页面新的内容

}

});

}

</script>

<div id="page_info">

分页数据的内容(初始内容也应该在这里)

</div>

<input type="hidden" vlaue="1" id="page_number" />这里是点击事件变化后的页面值

<input type="hidden" vlaue="$page_all_number" id="page_all_number" /> 总页数

<a href="#" onclick="show_page(1)" >首页</a>

<a href="#" onclick="before_page()" />上一页</a>

<a href="#" onclick="next_page()" />下一页</a>

<a href="#" onclick="show_page($page_all_number)" />尾页</a>

希望上面的内容能帮到你

jquery如何获取多个标签中的任意一个

多个标签中的任意一个？

可按jQuery选择器的方式来选择，

$('#XID') 用来查指定ID为“XID”的页面元素

$('cls') 用来查指定样式类class为“cls”的页面元素

$('table tr td')用来按层级查询table->tr->td，返回表格中所有td

$('table tr td:nth-child(2)')返回表格中第2列的内容

……

注意jQuery查找出的是一个集合，可能有多个页面元素，通过get函式来取出其中一个

如：通过$('table tr td')get(1)取出第二个td

js如何获取多个<label>标签其中的一个值

documentgetElementsByTagName("label")[0]innerText

jquery怎么获取多个class的div标签

方法只有一种：

通过JQuery的class选择器方式。写法，选择器中2个class挨着写

示例

<div class='class1 class3'>class1+3</div><div class='class2 class3'>class2+3</div> 选第一个DIV的话 两个class挨着写，中间没有空格$('class1class3')

jquery怎么获取多个a标签里面的href值

<!DOCTYPE ><><head><script src=/jquery/jquery-1111minjs></script><script>$(function(){ $('test-a')each(function(){ alert($(this)attr('href')); })})</script></head> <body> <a href="test-1">如果您点选我，我会消失。</a> <a href="test-2">点选我，我会消失。</a> <a href="test-3">也要点选我哦。</a> </body></>

<script>

$(function(){

$('a')click(function(){

alert($(this)attr('href'));

return false; 加上这个可以防止跳转

})

})

</script>

$(function(){ $('a')click(function(){ alert($(this)attr('href')); return false; 加上这个可以防止跳转 }) })

如何用 jQuery 获取 iframe 中的标签

$iframe变数是用jquery获取的iframe的物件var $ele = $iframecontents()find('#id');

可以考虑用length属性， jquery代码: $(“#ulname li”)length。

1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法：

li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

4、复杂方法：

ul {list-style:none;}

li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。

5、简单方法

ul{list-style-image:url(/images/icongif);}

这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。

$("div_bto ul")find("li")each(function(i){

thisclick(function(){

alert(i)

})

})

以上就是关于jquery获取div中checkbox 选中的个数全部的内容，包括:jquery获取div中checkbox 选中的个数、jquery如何获取子标签的ID值、jquery如何获取li下ul中li的个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！