在本人的网站交友乐上需要点击一个重置按钮,将所有的checkbox设置为未选中,采用遍历的方法来完成
控件如下
<button id="ClearPosition" type="button">清空职位</button>
<input type="checkbox" class="jobPostaJoblist"/><span>导购/促销</span>
<input type="checkbox" class="jobPostaJoblist"/><span>收银员</span>
<input type="checkbox" class="jobPostaJoblist"/><span>店长</span>
JQUERY代码如下:
jobPostaJoblistSelected是checkbox被选中时的css
stopDefault函数用于中止默认的事件响应
$("#ClearPosition").each(function(i) {
$(this).click(function(e) {
$("input[class*='jobPostaJoblist']").each(function(i) {
$(this).attr("checked", false);
$(this).next().removeClass("jobPostaJoblistSelected");
});
return stopDefault(e);
});
});
function stopDefault(e) {
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
}
return false;
}