我试图显示文本字段(如果是)并隐藏它(如果我们不选择单选按钮)。
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
$(document).ready(function(){
$("input[type='radio']").change(function(){
if ($(this).val() == "yes") {
$("#OrderNumber").show();
}
else {
$("#OrderNumber").hide();
}
});
});
</script>
</head>
<body>
Yes:<input type="radio" name="Order" value="yes" id="order_yes"/>
No:<input type="radio" name="Order" value="no" id="order_no" checked="checked" /><br><br>
<input style="display:none;" name="OrderNumber" id="OrderNumber" size="5" /><br>
</body>
</html>
我在网上尝试了相同的代码,它工作正常,但在我的服务器上,文本字段没有显示。谁能帮我解决这个问题。
最佳答案
您需要将 googleapi jQuery script
和您自己的 jQuery 代码放在单独的 script
标记中:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[type='radio']").change(function(){
if ($(this).val() == "yes") {
$("#OrderNumber").show();
}
else {
$("#OrderNumber").hide();
}
});
});
</script>
关于javascript - Jquery 显示/隐藏在我的服务器上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18622140/