Pourquoi ne pas ASP.net RadioButtonList onchange côté client événement déclencheur?

j'ai asp.net projet, où j'ai un maître-page-je inclure cette ligne de référence du fichier JS

<script type="text/javascript" src="Scripts/HideDIV.js"></script>

Dans le fichier JS, j'ai cette fonction:

function hideDiv() {
    document.getElementById('div1').style.display = 'none';
    document.getElementById('div2').style.display = 'none';

    if (document.getElementById('RadioButtonTipoUser_0') != null) {
        if (document.getElementById('RadioButtonTipoUser_0').checked) {
            document.getElementById('div1').style.display = 'block';
        }
    }

    if (document.getElementById('RadioButtonTipoUser_1') != null) {
        if (document.getElementById('RadioButtonTipoUser_1').checked) {

            document.getElementById('div2').style.display = 'block';

        }
    }
}

Essentiellement, j'ai besoin sur ce RadioButtonList, appeler une fonction Js "hideDiv()", lors de l'une de sélectionner le un seul Bouton, un div masquer passer visible.

Ce code est dans le contenu.

<div>
        <asp:RadioButtonList ID="RadioButtonTipoUser" runat="server" RepeatDirection="Horizontal" onchange="hideDiv()">

            <asp:ListItem Selected="true" Value="1">Dome</asp:ListItem>
            <asp:ListItem Value="2">Emp</asp:ListItem>
            <asp:ListItem Value="3">Vet</asp:ListItem>
        </asp:RadioButtonList>


    </div>

    <div id="div1" style="display:none">
        <a>Charls</a>
    </div>
    <div id="div2" style="display:none"><a>Maris</a></div>
</div>

Je fais un debug et le msg d'erreur est

ReferenceError: hideDiv n'est pas défini

comment je fais tho le onchange="hideDiv()" appel de la HideDiv() la fonction?

Records

Avez-vous vérifié si le fichier js est-il correctement chargé?
cliquez droit sur votre page, et maintenant, allez à la page d'affichage de la source. où vous voyez <script type="text/javascript" src="Scripts/HideDIV.js"></script>, puis cliquez sur src. et vérifiez qu'il est connecté ou pas
oui le fichier est chargé.
Ouvrez la console et entrez hideDiv() et voir ce que cela donne. Si cela ne fonctionne pas, alors la fonction est hors de portée pour une raison quelconque - peut-être définie à l'intérieur d'une enceinte.

InformationsquelleAutor Góis | 2014-04-25

vous utilisez jquery pour la réalisation de votre tâche

HTML

<div>
        <asp:RadioButtonList ID="RadioButtonTipoUser" runat="server" RepeatDirection="Horizontal">

            <asp:ListItem Selected="true" Value="1">Dome</asp:ListItem>
            <asp:ListItem Value="2">Emp</asp:ListItem>
            <asp:ListItem Value="3">Vet</asp:ListItem>
        </asp:RadioButtonList>


    </div>

    <div id="div1" >
        <a>Charls</a>
    </div>
    <div id="div2" ><a>Maris</a></div>

JQUERY

 $(document).ready(function () {

        $('#div1').hide();
        $('#div2').hide();
        $('#RadioButtonTipoUser_1').on('change', function () {

            if ($(this).is(':checked')) {
                $('#div1').show();
                $('#div2').hide();
            }
        });
        $('#RadioButtonTipoUser_2').on('change', function () {
            alert("ok1");
            if ($(this).is(':checked')) {
                $('#div1').hide();
                $('#div2').show();
            }
        });
    });

Salut, j'ai testé avec le " $('#div1').hide(); $('#div2').hide (); " et Jquery exécuter. Mais le reste du code ne pas montrer à la div.
où vous le tester? à votre projet ou sur js fiddle.
ok, je suis à jour de mes asp:bouton radio en input type radio c'est jsfiddle.net/CYLcY/43
Au projet. Records
voir tripoter lien .....
Ty, je change de littéral. meilleur

InformationsquelleAutor mayank chaturvedi

0

Notre site a été un intranet, et j'ai dû éteindre Afficher les Sites Intranet en mode de Compatibilité dans Internet Explorer pour onchange de travailler dans RadioButtonList. Il semble que ASP.NET ajoute vraiment un événement javascript pour la table et qu'un RadioButtonList rend aussi, et c'est à dire dans l'Affichage de Compatibilité des arrêts de travail.

InformationsquelleAutor Matthew Lock

Vous devez vous connecter pour publier un commentaire.