2012-05-19 29 views
0

我在下面使用下面的樣式來設置我的複選框和單選按鈕。使用jquery添加表單元素 - OnClick事件不會捕獲它

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,看看下面的網址,你可以看到我已經使用jQuery插件樣式的複選框,但的onclick函數不調用它

http://goo.gl/eGxYL

看看上面的網址,

你可以看到工作

回答

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。

0

你好演示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> 
+0

我們兩人最初設想,他使用了''

  • 11. 如何在使用JavaScript創建元素時添加onclick事件?
  • 12. 使用javascript添加onclick事件監聽器和元素
  • 13. 使用閉包捕獲的onclick事件
  • 14. JQuery添加表單元素迭代ID
  • 15. 使用jquery捕獲給定元素的所有事件
  • 16. 在JavaScript中添加onclick事件以添加新元素
  • 17. Dynimically添加html元素綁定onclick事件到其他dynimically添加html元素
  • 18. Draggabilly不會將事件添加到新添加的元素
  • 19. 表單元素添加使用jQuery,而不是由$ _ POST
  • 20. jquery添加事件到動態元素
  • 21. 的jQuery - 添加事件未來元素
  • 22. jquery設置onclick事件無元素
  • 23. jQuery創建元素觸發onclick事件
  • 24. 附加事件元素使用jQuery
  • 25. 向動態jQuery表單添加元素
  • 26. 添加動態表單元素jQuery
  • 27. 使用jquery截斷和添加表單元素
  • 28. JQuery不會動態添加html元素
  • 29. 使用jQuery元素添加刪除元素使用html元素
  • 30. 單擊事件不會觸發元素