input checkbox onclick not working via DOM on IE7, FF, WebKit

Aaron Gray · Oct 31, 2008

The following input checkbox onclick via DOM is not working on IE7, FF, or
WebKit, but is working on Opera for some strange reason.

http://www.aarongray.org/Test/JavaScript/checkbox.html

Here's the code :-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<script type="text/javascript" src="LibJS.js"></script>
</head>

<body onLoad="init()">

<script>

use( LibJS.HTML)

function init()
{
test = document.createElement( "INPUT")
test.type = "checkbox"
test.checked = true
test.onClick = "alert( 'test = ' + this.checked)"
// test.setAttribute( "onClick", "alert( 'test = ' + this.checked)")

document.body.appendChild( test)
}

</script>
</body>
</html>

Hope I have not missed something too silly.

Many thanks in advance,

Aaron

Richard Cornford · Oct 31, 2008

The following input checkbox onclick via DOM is not
working on IE7, FF, or WebKit, but is working on Opera
for some strange reason.

function init()
{
test = document.createElement( "INPUT")
test.type = "checkbox"
test.checked = true
test.onClick = "alert( 'test = ' + this.checked)"

Hope I have not missed something too silly.

In case sensitive javascript the property name to which you should be
assigning is 'onclick' (all lower case), and the value you should be
assigning is a reference to a function object not a string primitive.

Richard.

Aaron Gray · Oct 31, 2008

Richard Cornford said:
In case sensitive javascript the property name to which you should be
assigning is 'onclick' (all lower case), and the value you should be
assigning is a reference to a function object not a string primitive.

"function object not a string primitive" thats the one, silly, silly me !

Have not done some JavaScript for a couple of weeks, amazing how quickly my
brain chucks things out.

Aaron

SAM · Oct 31, 2008

Le 10/31/08 4:32 PM, Aaron Gray a écrit :
test.onclick = function() { alert('test = ' + this.checked); };
}

Aaron Gray · Oct 31, 2008

SAM said:
Le 10/31/08 4:32 PM, Aaron Gray a écrit :

test.onclick = function() { alert('test = ' + this.checked); };
}

Yes, thanks Sam, I now have everything working fine now

Aaron

input checkbox onchange not working on IE7	7	Oct 30, 2008
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Image upload not working in browser	4	Sep 9, 2022
onclick works in FF but not in IE7	4	Feb 20, 2008
another IE7 DOM screwup?	11	Jan 22, 2009
Why is this not working right ?	6	Jul 6, 2011
Adding onClick() dynamically not working, Why ?	2	Feb 6, 2008
JavaScript and IE7 problem	2	Apr 7, 2009

input checkbox onclick not working via DOM on IE7, FF, WebKit

Aaron Gray

Richard Cornford

Aaron Gray

SAM

Aaron Gray

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads