jQuery中checkbo新增事件,判斷是否選中和設定選中與取消選中
判斷是否選中
$('#checkbox').prop('checked')
設定選中與不選中狀態
$('#checkbox').attr('checked',true)
$('#checkbox').attr('checked',false)
新增事件
html<div class="checkbox">
<label><input type="checkbox" class="pull-right"></label>
</div>
js
body.on('click', '.checkbtn', function(){ console.log('input!'); var check = $(this); if(check.prop("checked")){ //選中 } else { //未選中 } });
相關推薦
jQuery中checkbo新增事件,判斷是否選中和設定選中與取消選中
判斷是否選中 $('#checkbox').prop('checked') 設定選中與不選中狀態 $('#checkbox').attr('checked',true) $('#checkbox')
jquery的DOM節點獲取,節點內容獲取和設定,樣式寫入
1.eq(index) eq是獲取DOM元素的方式之一,它的引數是一個數字,可以是任意整數,第一個元素從0開始,如果index為負數,則從-1算起,-1是最後一個DOM元素,如: <a>xxx</a> <a>yyy</a> &
jQuery中bind(),one(),on(),live()這幾個繫結事件函式的區別
1、bind()方法 為每個匹配元素的特定事件繫結事件處理函式。bind()方法的底層邏輯是on()方法。 .bind() 方法是用於往文件上附加行為的主要方式。所有JavaScript事件物件,比如focus, mouseover, 和 resize,都是可以作為type引數傳遞進來
開發過程中用Zepto/jquery給未來元素新增事件,live()無法使用解決方法
通過 live() 方法附加的事件處理程式適用於匹配選擇器的當前及未來的元素(比如由指令碼建立的新元素)。 live() 方法為被選元素附加一個或多個事件處理程式,並規定當這些事件發生時執行的函式。 $("button").live("click",function(){ $
jQuery中利用keyup事件和判斷是否為漢字來實現動態搜尋
需求:有時候在做介面搜尋功能的時候,會想要根據使用者輸入的漢字來檢索出相應的內容。要求是動態的檢索,使用者每次輸入一個字或一個詞就會進行關鍵字模糊搜尋。 實現方法:如果直接使用文字框的keyup()事
H5 中監聽頁面滾動事件,判斷滾動方向的方法
在做 H5 開發的時候,有時候需要監聽頁面的滾動的事件,根據頁面滾動方向的不同來進行不同的操作,通常是判斷頁面是向上滾動還是向下滾動,那麼怎麼判斷呢,只需要使用下面的區區幾十行程式碼即可。 //監聽頁
jQuery中的屬性操作,jQuery中的事件處理、jQuery 中的動畫簡單介紹
jQuery中的屬性操作,jQuery中的事件處理、jQuery 中的動畫簡單介紹 getAttribute(‘name’) setAttribute(‘name’, ‘Tom’) attr(): 獲取屬性和設定屬性 當為該方法傳遞一個引數時, 即為某元素的獲取指定屬性 當為該方法傳遞兩個引數時, 即為
jQuery遍歷js中的array物件,判斷array中是否包含某值
JS中的array遍歷起來不太爽,其實jQuery提供了比較好的遍歷方法: $.each(typesList, function(index, value) { $("#all").append( '<div class="workflow_t
ajax用beforeSend自定義請求過程中客戶端事件,提高用戶體驗
函數 fun 直接 alert 完成後 and success ram reat 本文為博主原創,未經允許不得轉載: 在應用ajax的過程中,當我們再前臺提交請求的時候,如果服務端響應事件比較長,就會導致需要等很長時間在前臺才能接受到服務端返回的 響應結果,往
jquery 中阻止預設事件和事件冒泡的方法
1.在事件的處理中,可以阻止預設事件和冒泡事件。return false $("li").on('click',function(){ return false; }) 2.在事件的處理中,可以阻止預設事件但是允許冒泡事件的發生。 e.preventDefault
jquery中的程式設計正規化,即jquery的牛逼之處
轉自:http://www.iteye.com/topic/1119283 對jquery理解比較深,積累一下,整理了一下格式,就當練習一下 markdown 語法. 本文將結合jQuery原始碼的實現原理,對javascript中湧現出的程式設計正規化和常用技巧作一簡單介紹。 1. AJAX
jquery中獲取原生事件物件來解決html5中拖拽事件的bug
在做一個拖拽demo(九宮格拼圖)時,遇到一個bug,當拖動一張圖片1到另外一張圖片2的位置時,兩個位置的圖片都變成了圖片2,程式碼如下 <script type="text/javascript"> (function($){ var dragSrc; $('li').each
jquery中關於滑鼠事件的操作
關於jquery中關於滑鼠事件的某些操作,示例如下: 1.滑鼠點選新增事件click(): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
jquery的點選事件,非動態載入點選與動態載入點選
jquery的點選事件,非動態載入點選與動態載入點選寫法不同 1.非動態載入點選 <div id="clickdemo"> <ul> <li>1<li> </ul> </div>點選1觸發 $
jquery中的attr()方法,以及和prop()的對比
attr()方法的特性 attr()用於設定和改變元素的屬性值 可設定多個屬性,引數是物件的形式 也提供回撥函式。回撥函式有兩個引數:被選元素列表中當前元素的下標,以及原始(舊的)值。然後以函式新值返回您希望使用的字串。 如下: $("button").cl
jquery中四種事件監聽的區別
我們知道jquery提供了四種事件監聽方式,分別是bind、live、delegate、on,下面就分別對這四種事件監聽方式分析。 已知有4個列表元素: 列表元素1 列表元素2 列表元素
二叉樹(先、中、後、層次遍歷,判斷同構和是否為完全二叉樹)
二叉樹基本操作 二叉樹的結構定義 二叉樹的建立(遞迴) 訪問節點 先序遍歷 中序遍歷 後序遍歷 層次遍歷 判斷是否同構 判斷一顆二叉樹是否為完全二叉樹 二叉樹的結構定義
JQuery中使用mouseover事件和mouseout事件作用在同一個元素上時出現閃爍現象
前提:實現一個電影網站中的關於選定圖片出現一個新的div容器展示具體電影詳情的功能(通過使用visibility屬性隱藏一個div並顯示另一個div)操作:我把mouseover事件和mouseout事件作用到一個div容器時,整個div出現了閃爍的現象,原因:糾結了很久,才
在jQuery中動態建立id,如何使用該Id來訪問這個元素
1、如我們在我一個for迴圈中動態的建立了一個元素<ul>,<ul>元素裡面的li動態的給了一個id如下 for(var i = 0 ; i < k ; k ++){ $(".someOne").append("<ul><l
js中常用的事件,onclick 單擊事件、onblur 失去焦點事件、onchange改變事件、onmouseover滑鼠進入事件、onmouseout滑鼠移除事件、onsubmit提交事件
onclick 單擊事件 onblur 失去焦點事件 onchange 當物件或選中區的內容改變時觸發。 onmouseover 當用戶將滑鼠指標移動到物件內時觸發。 onmouseout 當用戶將滑鼠指標移出物件邊界時觸發。 onsubmit 當表單將要被提交時觸發。