jQuery判斷復選框是否勾選的原理及示例

更新時間：2014年05月21日 16:15:41 作者：

要實現這樣的一個功能復選框勾選時給input表單賦值，復選框取消時將表單值清除，需要的朋友可以參考下

今天要實現一功能就是：復選框勾選時給input表單賦值，復選框取消時將表單值清除。

效果如圖：

實現源碼：cyfID為復選框的id

復制代碼代碼如下:

 
$("#cyfID").click(function(){ 
var ischeck=$(this).attr("checked"); 
if(ischeck==undefined){ 
//清除輸入框 
alert(""); 
}else{ 
//給輸入框賦值 
alert("qq"); 
} 
}); 

實現原理是：復選框勾選時$(this).attr("checked")為checked，不勾選時為undefined。

您可能感興趣的文章:

jquery入門—數據刪除與隔行變色以及圖片預覽
項目需求：表格中數據隔行變色、刪除數據、全選刪除、鼠標移動到圖片時顯示圖片預覽等等，感興趣的朋友可以參考下
2013-01-01
基于jQuery的固定表格頭部的代碼(IE6,7,8測試通過)
目前只能算個不完整的腳本，不過一般的僅僅需要表頭凍結就可以使用了
2010-05-05
jQuery擴展實現text提示還能輸入多少字節(jié)的方法
這篇文章主要介紹了jQuery擴展實現text提示還能輸入多少字節(jié)的方法,涉及jQuery擴展及字符串操作相關技巧,需要的朋友可以參考下
2016-11-11
jQuery彈簧插件編寫基礎之“又見彈窗”
本文通過具體實例給大家介紹jquery彈窗插件編寫基礎之又見彈簧的相關資料，對jquery彈簧插件編寫相關知識感興趣的朋友一起學習吧
2015-12-12
jquery實現tab菜單切換內容(精簡版demo)
這篇文章主要為大家介紹了jquery實現tab菜單切換內容的精簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
jQuery彈性滑動導航菜單實現思路及代碼
用一個絕對定位的div作為動畫滑塊,改變它的left屬性來呈現動畫效果javascript：hover()觸發(fā)移動鼠標到導航nav的動作，和移出導航nav的動作
2013-05-05
JQuery中DOM節(jié)點的操作與訪問方法實例分析
這篇文章主要介紹了JQuery中DOM節(jié)點的操作與訪問方法,結合實例形式分析了jquery操作dom節(jié)點與訪問dom節(jié)點相關實現技巧及操作注意事項,需要的朋友可以參考下
2019-12-12
jQuery實現點擊按鈕滾動元素功能詳解
這篇文章主要為大家介紹了jQuery實現點擊按鈕滾動元素功能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
jQuery UI仿淘寶搜索下拉列表功能
這篇文章主要為大家詳細介紹了Jquery UI 模仿淘寶搜索下拉列表功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jquery1.4 教程二 ajax方法的改進
jquery1.4在ajax方法上進一步的進行優(yōu)化和調整，主要是做了如下的改進。
2010-02-02