2014-02-11 99 views
-1

我通過Ajax如何將點擊更改功能,這些複選框綁定增加了一些複選框的頁面更改事件 我的劇本是在這裏如何綁定點擊和複選框

$(document).delegate("#filterOptions input[name=inNeedAmountRange]").bind("click change", function() { 
    var elementValue = $(this).val(); 
    if ($(this).is(':checked')) { 
     alert('checked : ' + elementValue); 
    } 
} else { 
    alert('Not checked :' + elementValue); 
} 
}); 
+0

下面的答案都建議使用.on方法,但這取決於您使用的jQuery版本。你使用jQuery 1.7或更高版本? –

+0

@AnthonyVeach是的,我只使用jQuery 1.7 –

回答

6

嘗試.on()

Fiddle Demo

$(document).on("click change", "#filterOptions input[name=inNeedAmountRange]", function() { 
    var elementValue = this.value; 
    if ($(this).is(':checked')) { 
     alert('checked : ' + elementValue); 
    } else { 
    //^remove extra } 
     alert('Not checked :' + elementValue); 
    } 
}); 

Event Delegation

2

嘗試:http://api.jquery.com/on/

$(document).on("change click", ""#filterOptions input[name=inNeedAmountRange]", function() { 
    //do something 
}); 

你可以使用任何靜態容器更換文件。