Safari和IE的可单击表单标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Safari和IE的可单击表单标签相关的知识,希望对你有一定的参考价值。

  1. function fixFormLabels(){
  2. var labels;
  3.  
  4. // enable for IE and Safari
  5. if( document.all || navigator.userAgent.indexOf("Safari") > 0){
  6. labels = document.getElementsByTagName("label");
  7. for(i=0; i<labels.length; i++){
  8. labels[i].onclick = function(){
  9. var target = document.getElementById(this.getAttribute('for'));
  10. // Checkboxes or radio button labels
  11. if(target.type == 'checkbox' || target.type == 'radio')
  12. target.checked = target.checked == false ? true : false;
  13. else // Textareas and input fields, Select elements
  14. target.focus();
  15. };
  16. }
  17. }
  18. }
  19.  
  20. // execute the script when the page has loaded
  21. window.onload = fixFormLabels;

以上是关于Safari和IE的可单击表单标签的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 适用于Safari和IE的可点击表单标签

JavaScript 适用于Safari和IE的可点击表单标签 - 原型版

HTML 表单按钮值未在 Safari 和 Chrome 中发布

单击超链接时,Safari 会忽略/删除锚点(或“主题标签”)吗?

在 IE11 中,当单击其子元素之一时,焦点事件未在具有显示 flex 的可聚焦父 HTML 元素上触发

Jquery Fancyform 和 IE10:单击标签时未选中复选框