jQuery判斷復(fù)選框是否勾選的原理及示例
更新時(shí)間：2014年05月21日 16:15:41 作者：
要實(shí)現(xiàn)這樣的一個(gè)功能復(fù)選框勾選時(shí)給input表單賦值，復(fù)選框取消時(shí)將表單值清除，需要的朋友可以參考下
今天要實(shí)現(xiàn)一功能就是：復(fù)選框勾選時(shí)給input表單賦值，復(fù)選框取消時(shí)將表單值清除。
效果如圖：
實(shí)現(xiàn)源碼：cyfID為復(fù)選框的id
$("#cyfID").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除輸入框
alert("");
}else{
//給輸入框賦值
alert("qq");
}
});
實(shí)現(xiàn)原理是：復(fù)選框勾選時(shí)$(this).attr("checked")為checked，不勾選時(shí)為undefined。
效果如圖：
實(shí)現(xiàn)源碼：cyfID為復(fù)選框的id
復(fù)制代碼 代碼如下:
$("#cyfID").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除輸入框
alert("");
}else{
//給輸入框賦值
alert("qq");
}
});
實(shí)現(xiàn)原理是：復(fù)選框勾選時(shí)$(this).attr("checked")為checked，不勾選時(shí)為undefined。
您可能感興趣的文章:
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jquery復(fù)選框CHECKBOX全選、反選
- jquery.alert 彈出式復(fù)選框?qū)崿F(xiàn)代碼
- jquery 操作單選框，復(fù)選框，下拉列表實(shí)現(xiàn)代碼
- jquery判斷checkbox(復(fù)選框)是否被選中的代碼
- Jquery獲取復(fù)選框被選中值的簡(jiǎn)單方法
- jquery統(tǒng)計(jì)復(fù)選框選中示例
- jquery如何獲取復(fù)選框的值
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- jquery獲取復(fù)選框被選中的值
- jquery統(tǒng)計(jì)用戶選中的復(fù)選框的個(gè)數(shù)
- jQuery實(shí)現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
- 基于jQuery實(shí)現(xiàn)復(fù)選框的全選 全不選 反選功能
- jQuery實(shí)現(xiàn)統(tǒng)計(jì)復(fù)選框選中數(shù)量
- jquery復(fù)選框多選賦值給文本框的方法
- jquery實(shí)現(xiàn)勾選復(fù)選框觸發(fā)事件給input賦值
- JQuery CheckBox（復(fù)選框）操作方法匯總
- JQuery限制復(fù)選框checkbox可選中個(gè)數(shù)的方法
- jQuery切換所有復(fù)選框選中狀態(tài)的方法
- Labelauty–jQuery單選框/復(fù)選框美化插件分享
- 基于jquery實(shí)現(xiàn)復(fù)選框全選，反選，全不選等功能
相關(guān)文章
HTML+jQuery實(shí)現(xiàn)簡(jiǎn)單的登錄頁(yè)面
這篇文章主要介紹了用三種方法實(shí)現(xiàn)簡(jiǎn)單的登錄頁(yè)面的制作：純HTML、HTML+jQuery(form data)格式、HTML+jQuery(json)格式。感興趣的同學(xué)可以跟隨小編一起學(xué)習(xí)一下2021-12-12
背景顏色，比如換個(gè)心情之類的，需要記住這樣的一個(gè)狀態(tài)，下面為大家介紹下利用cookie記住背景顏色的具體實(shí)現(xiàn)，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
jQuery內(nèi)容選擇器與表單選擇器實(shí)例分析
這篇文章主要介紹了jQuery內(nèi)容選擇器與表單選擇器,結(jié)合實(shí)例形式分析了jQuery內(nèi)容選擇器與表單選擇器的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
JQuery組件基于Bootstrap的DropDownList（完整版）
這篇文章主要介紹了JQuery組件基于Bootstrap的DropDownList的完整版，在原有基礎(chǔ)上進(jìn)行完善功能，感興趣的小伙伴們可以參考一下2016-07-07
jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法,涉及jQuery結(jié)合鍵盤事件響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
jquery實(shí)現(xiàn)的回旋滾動(dòng)效果完整實(shí)例【附demo源碼下載】
這篇文章主要介紹了jquery實(shí)現(xiàn)的回旋滾動(dòng)效果,可實(shí)現(xiàn)點(diǎn)擊后側(cè)圖片呈現(xiàn)立體翻轉(zhuǎn)切換的功能,涉及jQuery插件roundabout.js的使用,并附帶了完整實(shí)例demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery彈出窗口完整代碼,可以實(shí)現(xiàn)窗口居中,居左,居右顯示，比較不錯(cuò)，需要的朋友可以參考下2012-10-10
jQuery插件ajaxfileupload.js實(shí)現(xiàn)上傳文件
這篇文章主要為大家詳細(xì)介紹了jQuery插件ajaxfileupload.js實(shí)現(xiàn)上傳文件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
jQuery中filter(),not(),split()使用方法
jQuery下一些查找過(guò)濾功能filter(),not(),split()用法，可以讓jquery更容易的操作控制頁(yè)面元素。2010-07-07
JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集
這篇文章主要介紹了JQuery判斷checkbox是否選中及其它復(fù)選框操作方法合集,本文匯總了網(wǎng)上解決這個(gè)問(wèn)題比較好的幾篇文章,需要的朋友可以參考下2015-06-06