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");
}
});
});