JqueryMobile 用图像替换单选按钮

Question

我正在使用 jquerymobile 为网络应用程序创建一个 radio 组。在某一时刻，用户必须在“男性”和“女性”之间进行选择。我有点击(触摸)性别和未点击性别的图像。我想用具有两种状态的两个图像替换 radio 组。我该怎么做？

Answer 1

我在这里给你举了一个例子:http://jsfiddle.net/Gajotres/EeRXd/

$('div[data-role="fieldcontain"] fieldset  div div:first-child label span span').html('<img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Male.png" width="32px" height="32px"></img>');
$('div[data-role="fieldcontain"] fieldset  div div:last-child label span span').html('<img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Female.png" width="32px" height="32px"></img>');

如果您想要其他东西，请在评论中告诉我，如果您有每个州的图像，请向我发送一个位置，我将为您重建这个示例。