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

使用Jquery-OnClick事件设置表单元素的样式不会捕获它,jquery,forms,Jquery,Forms,我使用下面的样式来设置我的复选框和单选按钮 合并后,复选框中的onclick事件无法捕获它 <div class="checkbox" style="background-position: 50% 0px; "> <input type="checkbox" value="Corn Salsa" name="toppings[]" onClick="showmsg()"></div> //javascript code function showm

我使用下面的样式来设置我的复选框和单选按钮

合并后,复选框中的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代码
函数showmsg()
{
警惕(“是的,它正在工作”);
}
我确信我在javascript中没有任何错误,因为当我在firebug错误控制台中尝试时,它没有抛出任何错误,但我知道onclick事件甚至没有被捕获(

这是因为DIV标记屏蔽了复选框吗?您能告诉我如何捕获复选框的onclick吗

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

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

看看上面的网址

您可以看到正在工作的


<script type="text/javascript" >
         function showmsg()
            {
            alert("yes its working">
            }
</script>
函数showmsg() { 警报(“是,它正在工作”> }
这是错误的

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

函数showmsg()
{
警惕(“是的,它正在工作”);
}
这是正确的


除此之外,代码应该可以工作。Javascript onClick事件在正常情况下不会影响DOM。

Hiyademo

打字错误:
而不是
:)

建议:您是否想过使用
。单击
事件?这样(这将在所有复选框中保存onClick事件)只是一个建议

API点击:

希望这有帮助

代码

<script type="text/javascript">

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

</script>

//javascript代码
函数showmsg(){
警惕(“是的,它正在工作”);
} 

我们最初都认为他使用了
标签。但是考虑到他还没有发现这个明显错误的javascript错误,我认为他没有脚本标签。lol.@ngen lol在演示中我插入了脚本标签:);我确实考虑过这一点,但正在等待OP的提问:Pno,实际上不是:D我的问题不同。。我刚刚更新了我的问题。@PHPLearner不用担心!你能做一个JSFIDLE来复制你的问题吗?我很犹豫是否要点击任何我不自信的外部url。干杯