单击单选按钮使用 jquery Mobile 显示图像

Posted

技术标签:

【中文标题】单击单选按钮使用 jquery Mobile 显示图像【英文标题】:on click of radio button display images using jquery Mobile 【发布时间】:2015-11-29 07:59:57 【问题描述】:

在一个页面中,我显示了一个类别的所有图像。

  $("input[name$='pets']").click(function() 
        var test = $(this).val();

        $("div.desc").hide();
        $("#flowers" + test).show();
    );
	);		
    
<label>
<input type="radio" name="pets"  value="2"  id="radio-choice-0a">Pets
</label>
<label>
<input type="radio"  name="flowers" value="3"  id="radio-choice-0b">Flowers
</label>

这是我的选择。单击宠物选项时,宠物图像将显示。否则禁用

【问题讨论】:

欢迎来到 SO,这不是 *** 的工作方式,您需要展示到目前为止您已经尝试过的内容,检查此以更好地理解它***.com/help/how-to-ask 到底是什么问题? 我已经尝试并修复了它。谢谢 酷发布答案并关闭此问题:) 【参考方案1】:

$("input[name$='pets']").click(function() var test = $(this).val();

    $("div.desc").hide();
    $("#flowers" + test).show();
);
); 

 $("input[name$='pets']").click(function() 
        var test = $(this).val();

        $("div.desc").hide();
        $("#flowers" + test).show();
    );
	);	

【讨论】:

以上是关于单击单选按钮使用 jquery Mobile 显示图像的主要内容,如果未能解决你的问题,请参考以下文章

如何在 jQuery Mobile 中刷新单选按钮的样式和布局?

在Jquery Mobile中拉伸水平单选按钮

jquery mobile设置单选按钮组的选定值

jQuery mobile 中的多个单选按钮控件组

jquery mobile如何仅禁用单选按钮组的一种选择

根据单选按钮单击显示和隐藏 div [重复]