0

有一个旧的 web 项目我必须添加一些功能,并且很多都是使用纯 javascript 完成的。

因为想开始使用jQuery,所以写了如下简单的测试:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Radiotest</title>
        <script src="ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript">
$(document).ready(function(){
    $('#myButton').on('click', function() {
        alert("Test");
        alert($('input[name=Test]:checked', '#myForm').val()); 
    });
});
        </script>
    </head>
    <body>
    <div id="result"></div><br/>
    <form id="myForm">
        <input type="radio" name="Test" value="1"> 1<br>
        <input type="radio" name="Test" value="2"> 2<br>
        <input type="radio" name="Test" value="3"> 3<br>
        <input type="button" id="myButton" value="Check">
    </form>
    </body>
</html>

不幸的是,在选择单选元素后单击按钮时,不会调用该函数,或者至少没有显示任何警报。

你能帮我找出错误吗?谢谢你。

4

3 回答 3

3

您的src属性值ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js无效。您必须包含http:////来获取当前使用的协议:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
于 2013-10-17T14:04:39.980 回答
2

试试这个:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
于 2013-10-17T14:05:30.363 回答
1

在这种情况下src="http://resource"

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
于 2013-10-17T14:07:24.333 回答