jQuery判斷復(fù)選框是否勾選的原理及示例

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

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

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

效果如圖：

實現(xiàn)源碼：cyfID為復(fù)選框的id

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

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

您可能感興趣的文章:

相關(guān)文章

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