jQuery iPhone風格複選框事件

我使用位於http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html的jQuery包將我現有的複選框轉換爲iPhone風格的複選框。我遇到的問題是，在應用jQuery/iPhone樣式後，當複選框狀態更改時，我的複選框的onclick事件不會觸發。我需要能夠捕獲onclick事件和其狀態更改的複選框的ID？任何想法我失蹤？jQuery iPhone風格複選框事件

來源

2009-12-02 kittyhawk

你的代碼？ –

嘗試捕獲change事件而不是click事件。

來源

2009-12-02 17:08:13

嘗試像

herejQuery（ '＃checkbox_id'）ATTR（ '檢查'，真）。 jQuery('#checkbox_id').trigger('change');

在「iphone-style-checkboxes.js」中，change事件只能綁定。

來源

2011-06-21 09:17:42

我遇到了同樣的問題。我解決了初始化複選框時添加的onChange選項，就像這樣：

$(".iPhone").iphoneStyle({ onChange : changeHandler });

希望這有助於！

來源

2012-03-28 08:34:02

我最終做的是向iphone-style-checkbox.js添加一個自定義事件來做到這一點。尋找這一行

iOSCheckbox.prototype.didChange = function() {

再經過他們設置了檢查元素上的複選框

this.onChange(this.elem, this.elem.attr('checked'));

地址：

this.elem.trigger("iphoneChange");

然後綁定到這個事件你只需要找到您的複選框並調用jQuery綁定函數：

$('#checkbox').bind('iphoneChange', function(e, data) {...});

是我唯一的工作。

來源

2012-10-31 20:55:45

就做這樣的

HTML

<input type="checkbox" class="iphone-checkbox" id="checkbox-id">

的JavaScript

$('.iphone-checkbox').iphoneStyle({onChange: function(elem, data) {alert(elem.attr('id')); alert(data);}});

在第一個警告信息，你會看到

checkbox-id

而在第二

true/false（取決於複選框是否選中與否）

來源

2013-06-01 17:46:09 sh0t5

，如果您有任何困難的使用jQuery，請看看這裏http://talkerscode.com/webtricks/iphone-like-slide-toggle-button-using-jquery-and-css.php創建iphone像切換按鈕，它肯定會在哪裏解決您的問題

function on() 
{ 
    $("#inner").animate({marginLeft:'50px'},function(){ 
    document.getElementById("choose").value="on"; 
    document.getElementById("wrapper").style.background="#04B404"; 
    document.getElementById("on").checked=true; 
    document.getElementById("off").checked=false; 
    }); 
} 

function off() 
{ 
    $("#inner").animate({marginLeft:'0px'},function(){ 
    document.getElementById("choose").value="off"; 
    document.getElementById("wrapper").style.background="#E6E6E6"; 
    document.getElementById("off").checked=true; 
    document.getElementById("on").checked=false; 
    }); 
} 

<div id="checkbox_div"> 
<input type="checkbox" id="on" value="ON">ON 
<input type="checkbox" id="off" value="OFF">OFF 
</div>

來源

2016-03-03 09:14:42 raman

jQuery iPhone風格複選框事件

回答

相關問題