Question

我使用此代码创建下载某些项目的链接：

<div class="main-item-custom-form">
<input type="radio" name="iCheck_211" id="PDF" value="1853"> <label for="user-type">PDF</label>
<input type="radio" name="iCheck_211" id="EPUB" value="2531"> <label for="user-type">EPUB</label>
</div>
<div class="free-buttons">
<div id="good-1853" class="down_goods" style="display:none;"><a href="/download_file/subitem/1853" class="btn btn-block btn-default"><i class="fa fa-download"></i>&nbsp;&nbsp;download  (915.54 kB)</a></div>
<div id="good-2531" class="down_goods" style="display:none;"><a href="/download_file/subitem/2531" class="btn btn-block btn-default"><i class="fa fa-download"></i>&nbsp;&nbsp;download  (259.58 kB)</a></div>
</div>

使用此javascript代码

$('.main-item-custom-form .iradio_square:first-child').addClass('checked');
    $('.free-buttons .down_goods:first-child').removeAttr('style');
    $('[name^=iCheck_]').on('ifClicked', function (e) {
        $('.down_goods').hide();
        $("#good-"+$(this).val()).show();

    });

选中第一个单选按钮，显示第一个链接。当我选择另一个单选按钮时，它会显示另一个链接。但只有当我在页面上有一组单选按钮时，它才能正常工作。任何人都可以帮我处理多个组的代码吗？

iCheck库使用单选按钮组

0 个答案: