0

以下は、要素のグループを循環するために使用しているjqueryでfieldsetあり、ラジオボタンのグループからのユーザーの選択に基づいて、表示する必要があるものと非表示にする必要があるものを決定します(ページが読み込まれると、それらはすべて非表示になります) . ただし、.show()メソッドを機能させることはできません。

jQuery

$(document).ready(function () {
    $('input[name=TransactionType]').change(function () {
        var radioValue = $(this);
        var elements = [];

        $('#RightDiv').children().each(function () {
            console.log(radioValue.attr('id') + " " + $(this).attr('id'));
            if (radioValue.attr('id') == $(this).attr('id')) {
                console.log('here');
                $(this).show();
            } else {
                $(this).hide();
            }
        });
    });
});

ASP MVC

<div id="LeftDiv" style="width:450px;float:left;">
    <fieldset style="width:350px;">
        @Html.RadioButton("TransactionType", false, new { @id = "Enroll" }) Enroll a Tax ID for EFT <br />
        @Html.RadioButton("TransactionType", false, new { @id = "New" }) New Tax ID Without EFT Enrollment <br />
        @Html.RadioButton("TransactionType", false, new { @id = "ModT" }) Modify EFT Information by Tax ID <br />
        @Html.RadioButton("TransactionType", false, new { @id = "ModA" }) Modify EFT Information by Agent ID <br />
        @Html.RadioButton("TransactionType", false, new { @id = "Clone" }) Clone EFT on to a Sub Agent ID <br />
        @Html.RadioButton("TransactionType", false, new { @id = "Unenroll" }) Unenroll EFT by Tax ID 
    </fieldset>        
</div
<div id="RightDiv" style="width:420px;float:left;">
    <fieldset id="Enroll" style="width:350px; visibility: hidden;">...</fieldset> 
    <fieldset id="New" style="width:350px; visibility: hidden;">...</fieldset>   
    <fieldset id="ModT" style="width:350px; visibility: hidden;">...</fieldset>
    <fieldset id="Clone" style="width:350px; visibility: hidden;">...</fieldset> 
    <fieldset id="Unenroll" style="width:350px; visibility: hidden;">...</fieldset>                 
</div>

これは、jquery ループからのコンソール読み出しのスクリーン ショットです。

ここに画像の説明を入力

4

2 に答える 2

5

visibility: hidden;フィールドセットの を に変更しますdisplay: none;。

これで問題が解決します。

于 2013-06-26T16:57:07.477 に答える
0

jQuery.show()APIドキュメントdisplayごとにCSSのプロパティを処理する方法しか知らないため、そのコードを機能させるには、代わりに使用するか、スタイル属性を編集するために使用する必要があります.display:none;visibility:hidden;jQuery.attr()

于 2013-06-26T16:58:15.300 に答える