1. 程式人生 > >JQuery 點選整行後checkbox事件不衝突

JQuery 點選整行後checkbox事件不衝突

最近在寫一個功能,就是一個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 + ",";
        }
    }
}