多个div,js点击事件

JavaScript016

多个div,js点击事件,第1张

多选或者单选不应该是input type="radio" 或者 type="checkbox" 这种input标签么,怎么会想到用div呢

用div的话

方法1:在每个div中加个class,如 <div id="ok1" class="hhhhh"></div>

然后引入jquery,定义

$(function(){

      $('.hhhhh').click(function({

               //处理点击业务

      }))

})

方法2:在每个div中加个function,如 <div id="ok1" onclick="hhhhh(this)"></div>然后js方法:

function hhhhh(thisObj){

        //处理点击业务  thisObj为当前this对象

}

自动触发点击事件,其实就让点击实现自己执行。

下面是简单的代码实现:

HTML 代码:

1

<div style='width:100pxheight:100pxbackground:#ccc' id='div'></div>

JS代码:

1

2

3

4

5

var oDiv = document.getElementById('div') //获取元素div

oDiv.onclick = function(){ //给元素增加点击事件

alert(1)

}

oDiv.click() //执行点击事件,这样就模拟出了自动执行点击事件。