图像，而不是单选按钮

  • Z时代
  • 2024-01-10
  • 分类：问答

我一直在尝试自定义我的单选按钮，为此我想知道如何在检查和单选按钮的未检查事件中简单添加图像，并且它应该对所有浏览器都是通用的，我尝试了各种功能但所有的结果，但有一定的缺陷，所有我想要做的是有CSS转换所有的raio按钮，如指定kindly让我知道如何可以通过使用css方法完成（我已经做了它与jquery，但它的缺陷需要eash单选按钮标签并始终保持漂浮到左）图像，而不是单选按钮

请帮助 感谢，

回答：

对于使用CSS：

input[type="radio"] { 
    display:inline-block; 
    height:20px; 
    text-indent:-9999px; 
    width:20px; 
} 
input[type="radio"], .notchecked { 
    background:url("notchecked.png") 0 0 no-repeat; 
} 
input[type="radio"]:checked, .checked { 
    background:url("checked.png") 0 0 no-repeat; 
}

如果你想旧的浏览器来使用它，你可以使用jQuery补充一点：

$("input[type=radio]").on("change", function(){ 
    if($(this).is(":checked")) { 
     $(this).addClass("checked"); 
    } 
    else { 
     $(this).removeClass("checked"); 
    } 
}); 
$("input[type=radio]:checked").addClass("checked");

和HTML：

<input type="radio" class="notchecked" value="true" />

以上是 图像，而不是单选按钮 的全部内容， 来源链接： utcz.com/qa/258031.html

回到顶部