JQuery 點選整行後checkbox事件不衝突
阿新 • • 發佈:2019-02-11
最近在寫一個功能,就是一個table,每個tr裡有很多td,其中一個td裡有一個input為checkbox的文字框。兩個onclick事件存在衝突,看了一些文章後,做了個總結。
前臺程式碼:
<tr style="cursor:pointer" onclick="GIS_MAP('{USERNAME}','{XM}','{PCSBM}','{PCSMC}',this)">
js程式碼:
function GIS_MAP(JH, XM, PCSBM, PCSMC, thiss) { if (event.target != $(thiss).find(":checkbox")[0]) {//加上判斷非點選checkbox本身 var chkBoxStatus = $(thiss).find(":checkbox").is(":checked"); $(thiss).find(":checkbox").prop("checked", !chkBoxStatus); if (chkBoxStatus==true) { RY = RY.replace(PCSBM + "|" + PCSMC + "|" + JH + "|" + XM + ",", ""); } else { RY += PCSBM + "|" + PCSMC + "|" + JH + "|" + XM + ","; } } }