Question

我的jQuery代码不起作用，我找不到原因。代码似乎没问题。

我的HTML代码

<html>
<head>
    <title>Learning Jquery</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <input type="file">
    <br />
    <input type="submit" disabled="disabled">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="myjquery.js"></script>
</body>
</html>

javascript代码

$(document).ready(function (){
    $('input[type=file]').change(function(){
        $(this).next().removeAttr('disabled');
    });
});

Answer 1

如果您想启用提交按钮，请尝试使用以下javascript代码：

$(document).ready(function (){
    $('input[type=file]').change(function(){
        $(this).closest('form').find('[type=submit]').prop('disabled', false);
    });
});

Answer 2

.next()选择您选择的元素的紧随其后的兄弟，在您的情况下，这将是一个休息（<br />）。请尝试改为：

$(this).siblings('input[type=submit]').removeAttr('disabled');

<强> jsFiddle example

下一个jquery不起作用，我的代码是真的

2 个答案: