Jquery

Question

我正在构建一个产品定制表单，单选按钮被 opacity:0 隐藏了。

我希望图像的边框变成黑色，作为对用户选择该选项的反馈。我已将事件侦听器添加到单选按钮，以便在焦点上更改父 div 的 css 属性作为对用户的反馈。它在 chrome 和 jsfiddle 中完美运行，但在移动或 safari 浏览器上运行不佳。

为什么会发生这种情况，解决方法是什么。

这是 jsfiddle https://jsfiddle.net/gLwjhqtd/

 $('.radioButtons')
    .focus(function() {
      $(this).parent().css('border','2px solid black');
    })
    .blur(function() {
      $(this).parent().css('border','none');
    })

谢谢！

Answer 1

不要使用模糊或聚焦，因为在移动设备中它们不会发生。你可以试试这个

$('.radioButtons').change(function(event){
    $('.radioButtons').parent().css('border','0');
    if($(event.target).is(':checked'))
  {
    $(event.target).parent().css('border','2px solid black');
  }

})

Jquery - 子 div 上的事件侦听器更改父 div 的 css 属性

Jquery - Event Listener on child div to change css property of parent div

css

forms

radio-button

onfocus