如何用图像替换单选按钮？
我想代替标准单选按钮，对每个单选按钮使用不同的图像。对于选定状态，我希望在图像周围出现边框。
我尝试为单选按钮制作图像标签，然后隐藏该按钮，但是由于某种原因，这似乎破坏了功能。
有没有更简单/更好的方法？
问题答案：
jQuery
$('input:radio').hide().each(function() {
$(this).attr('data-radio-fx', this.name);
var label = $("label[for=" + '"' + this.id + '"' + "]").text();
$('<a ' + (label != '' ? 'title=" " + label + ' "' : '' ) + ' data-radio-fx="'+this.name+'" class="radio-fx" href="#">'+
'<span class="radio' + (this.checked ? ' radio-checked' : '') + '"></span></a>').insertAfter(this);
});
$('a.radio-fx').on('click', function(e) {
e.preventDefault();
var unique = $(this).attr('data-radio-fx');
$("a[data-radio-fx='"+unique+"'] span").attr('class','radio');
$(":radio[data-radio-fx='"+unique+"']").attr('checked',false);
$(this).find('span').attr('class','radio-checked');
$(this).prev('input:radio').attr('checked',true);
}).on('keydown', function(e) {
if ((e.keyCode ? e.keyCode : e.which) == 32) {
$(this).trigger('click');
}
});
- 演示源中的完整代码；
-
我有以下偏好列表。 我想用图像图标替换某些项目的单选按钮。例如，它可能是这样的： 我是列表偏好活动的新手。请给出一些建议？
-
我有一个表单，在那里，我想使用图像而不是单选按钮。我如何显示多个图像，而不是单选按钮。例如，性别与“男性” 但在这里，问题出现了，当我将输入id更改为其他名称时，它不起作用。有人能帮我吗，因为这是一个非常简单的方法，我想用这个。您可以将输入id更改为“visa1”，然后查看结果。
-
我想要的输出将是一个包含以下项的JScrollPane： 我发现了创建自定义ListCellRenderer来替换DefaultListModel的建议。在所有的例子中，一个imageIcon是作为图标添加到lable中的，不幸的是，这只在文本的开头添加了一个图标，这不是我想要的。 以下是本网站示例之一的相关部分：
-
问题内容： 当我单击他的图像时，我想选择单选按钮，但是它不起作用。这是我尝试过的： 我的两个属性都具有相同的 data =“” 属性：对于图像和输入，单击图像时，是否有任何方法可以检查输入（该收音机）？ 谢谢 更新： 我发现一些代码有效，但是仅在图像上单击了三下，因此当单击最后一个脚本时，脚本停止了，无法再次选择第一个或第二个，我不知道为什么…我认为必须取消选中所有单选按钮，然后选中选中的一个按钮
-
问题内容： 我想替换图像的颜色。例如，将所有蓝色变为红色而形状没有任何变形。当我尝试这样做时，我可以通过迭代每个像素来交换颜色，但是交换区域的形状变为平坦的形状。 example1输入：http: //www.tutorialwiz.com/tutorials/changing_color/images/original.jpg example1输出：http : //www.tutorialwi
-
问题内容： 我目前正在开发一个简单的聊天应用程序。我想在此应用程序中添加表情符号功能。我已经有一个从其他用户接收字符串的功能。我想要的是- 如果用户发送的文本包含CharSequence之类的字符，例如“：D”或“：p”，我希望将它们更改为表情符号。如何实现此功能？ 我想要这样的功能： 如果可以的话，请帮助我。如果还有其他方法，请提及它们。 问题答案： 你可以这样尝试