使用Jquery设置Form元素的样式 - OnClick事件不捕获它

时间:2012-05-19 06:08:58

标签: jquery forms

我正在使用下面的方式来设置我的复选框和单选按钮。

http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

我合并后,复选框中的onclick事件无法捕获它,

 <div class="checkbox" style="background-position: 50% 0px; ">
<input type="checkbox" value="Corn Salsa" name="toppings[]" onClick="showmsg()"></div>



//javascript code
function showmsg()
{
alert("yes its working");
}

我相信我在javascript中没有任何错误,因为当我在firebug错误控制台中尝试时它不会抛出任何错误,但我知道onclick事件甚至没有捕获。 :(

是因为DIV标签掩盖了复选框吗?你可以指导我如何抓住复选框的onclick吗?

编辑:  哦不,我只是以这个脚本为例..

但是我的问题不是这个问题:D,我很抱歉ab,看看下面的url,你可以看到我使用了jquery插件来设置复选框的样式,但是onclick函数没有调用它。

http://goo.gl/eGxYL

看看上面的网址,

你可以看到工作

2 个答案:

答案 0 :(得分:0)

<script type="text/javascript" >
         function showmsg()
            {
            alert("yes its working">
            }
</script>

错了。

<script type="text/javascript" >
         function showmsg()
            {
            alert("yes its working");
            }
</script>

是对的。

除此之外,代码应该有效。在正常情况下,Javascript onClick事件不会对DOM感到烦恼。

答案 1 :(得分:0)

Hiya 演示 http://jsfiddle.net/y7TZW/

错误错误:)而不是>:)

建议:您是否想过使用.click事件?像这样http://jsfiddle.net/y7TZW/1/(这将在所有复选框中保存onClick事件)只是一个建议。

API点击:http://jsfiddle.net/y7TZW/1/

希望这有帮助,

<强>码

<script type="text/javascript">

//javascript code
function showmsg() { 
    alert("yes its working"); 
} 

</script>