jquery操作checkbox示例分享
更新時(shí)間：2014年07月21日 10:09:23 投稿：hebedich
這篇文章主要介紹了jquery操作checkbox,需要的朋友可以參考下
checkbox操作
1. 全選、全不選
2.打印所有的選中項(xiàng)目
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script>
// 全選、全不選
function docChkBoxChange(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 設(shè)置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
this.checked = isChecked;
});
}//end function
// 打印所有的選中項(xiàng)目
function printChoose(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 設(shè)置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
if(this.checked){
alert(this.value)
}
});
}//end function
</script>
</head>
<body>
<table>
<tr>
<td>
<input id='docChkBoxTop' type="checkbox" onClick='docChkBoxChange()'>全選、全不選
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='apple'>蘋果
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='banana'>香蕉
</td>
</tr>
<tr>
<td>
<input type="button" value='打印所有選中項(xiàng)' onClick='printChoose()'>
</td>
</tr>
</table>
</body>
</html>
您可能感興趣的文章:
- jQuery操作CheckBox的方法介紹(選中,取消,取值)
- jquery操作checkbox實(shí)現(xiàn)全選和取消全選
- 解決jquery操作checkbox火狐下第二次無法勾選問題
- jQuery操作checkbox選擇(list/table)
- jquery操作checkbox火狐下第二次無法勾選的解決方法
- jquery、js操作checkbox全選反選
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- JQuery對(duì)checkbox操作 （循環(huán)獲?。?/a>
- jquery對(duì)復(fù)選框(checkbox)的操作匯總
- jquery操作checkbox的常用方法總結(jié)【附測(cè)試源碼下載】
相關(guān)文章
基于LayUI分頁和LayUI laypage分頁的使用示例
本篇文章主要介紹了基于LayUI分頁和LayUI laypage分頁的使用示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
下面小編就為大家?guī)硪黄猨query樹形菜單效果的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
基于jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊導(dǎo)航菜單水波動(dòng)畫效果附源碼下載
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊導(dǎo)航菜單水波動(dòng)畫效果附源碼下載，需要的朋友參考下2016-01-01
基于jquery的網(wǎng)頁SELECT下拉框美化代碼
基于CSS 和JS的網(wǎng)頁SELECT下拉框美化,JQUERY 插件，最近為公司的網(wǎng)頁制做部，開發(fā)了一個(gè)用于美化網(wǎng)頁上select 下拉框的JQUERY插件，拿來與大家分享。2010-10-10
本篇文章是對(duì)jQuery中的自動(dòng)完成組件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
jQuery.event兼容各瀏覽器的event詳細(xì)解析
jQuery在遵循W3C規(guī)范的情況下，對(duì)事件的常用屬性進(jìn)行了封裝，使得事件處理在各大瀏覽器下都可以正常的運(yùn)行而不需要進(jìn)行瀏覽器類型判斷2013-12-12
jQuery復(fù)制節(jié)點(diǎn)用法示例(clone方法)
這篇文章主要介紹了jQuery復(fù)制節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了clone方法復(fù)制節(jié)點(diǎn)及appendTo方法追加節(jié)點(diǎn)的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
要對(duì)頁面上的某個(gè)元素進(jìn)行操作，首先要選中它，這就要用到選擇符。2010-03-03
元素綁定jquery中的toggle后，元素隱藏，開始的時(shí)候 我怎么也沒想到是這里有問題，我找了半天才發(fā)現(xiàn)是因?yàn)榻壎藅oggle方法2014-03-03
jQuery獲得IE版本不準(zhǔn)確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準(zhǔn)確的狀況，最近碰到，做了一些總結(jié)，不知道是否全面2014-02-02