J'ai ce code pour désactiver la zone de texte si la valeur de RadiobuttonList est nulle. Mais cela ne fonctionne pas, je ne sais pas pourquoi. Voici ma radioobuttonlist P> <asp:Label ID="type" Cssclass="label" runat="server" Text="Please Choose One"></asp:Label>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" style="margin-left: 47px" Width="153px">
<asp:ListItem Value="1">Round Trip</asp:ListItem>
<asp:ListItem Value="0">One Way</asp:ListItem>
</asp:RadioButtonList>
3 Réponses :
Espérons que mon extrait peut vous aider de quelque manière que ce soit. Passez une bonne journée!
p>
<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("[name=trip]").change(function() { var st = $("[name=trip]:checked").val(); if (st == "1") { $("#TextBox_ArrivalDate").prop('disabled', false); } else { $("#TextBox_ArrivalDate").prop('disabled', true); } }); }) </script> </head> <body> <input type="radio" name="trip" value="1" checked> roundtrip<br> <input type="radio" name="trip" value="0"> one way<br> <input type="text" id="TextBox_ArrivalDate"> </body> </html>
Cela ne fonctionne toujours pas. Cela désactivera la zone de texte si je choisis l'une de la radio BTN
Bonjour, avez-vous essayé le bouton "Exécuter le code Snippet" pour voir le résultat? Ça travaille bien, j'utilise beaucoup cet extrait :)
changer cette ligne de p>
$ ("# radiobuttonlist1"). Changement (fonction () à $ ("<% = Radiobuttonlist1.clientid%>"). Changement (fonction (). P>
ASP.NET rend l'identifiant Radiobutton dans un format différent. Vous pouvez accéder à l'ID du RADIOBUTON sur les clients en utilisant cette syntaxe. p>
Dois-je modifier la syntaxe pour accéder également à l'ID de la zone de texte?
Oui, pour tous les contrôles ASP.NET, pour effectuer des opérations du côté client, il est toujours bon d'utiliser id.clientid pour accéder aux valeurs.
$(document).ready(function () { $('#RadioButtonList1 input').change(function () { debugger; if ($(this).val() == 1) { $('#TextBox_ArrivalDate').attr("enabled", "enabled"); } else { $('#TextBox_ArrivalDate').attr("disabled", "disabled"); } }); });