How to Disable and enable onclick function

**Dormilich** · Jan 28 '15, 09:14 AM

is there any algorithm that determines which 10 of the 50 images to enable?

**rosetattoo** · Jan 28 '15, 09:58 AM

A friend from Stackoverflow give me this code:

Here is the sample code of how to enable 10 images

and out put will in console should be:

I try the codes but this is what ive got:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jQuery 1.11.2.js"> </script>
<script >
 $(document).redy(function(){
	 
var images = $(".clickimage");

//remove attr onclick after 10th items
for(var i=10;i<images.length;i++){
    $(images[i]).attr('onclick','');
}
 });
 
 </script>
</head >

<body>
<form id="form1" runat="server">
<div>
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="1" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="2" class="clickimage" src="green.png" onclick="clickedItem()">
<img id="3" class="clickimage" src="green.png" onclick="clickedItem()">

</div></form>
</body>
</html>

**Dormilich** · Jan 28 '15, 10:02 AM

I try the codes but this is what ive got:

are there any problems?

PS. using the onclick attributes is a really outdated way of handling events.

How to Disable and enable onclick function

How to Disable and enable onclick function

Comment

Comment

Comment