Question

我想改变jquery中输入的值，但它有效。这是我的代码，

<script src="https://code.jquery.com/jquery-1.10.2.js">
$('#two').click(function(){
$('#count').val('2');
});

$('#four').click(function(){
$('#count').val('4');
});
</script>

<input type="button" id ='two' value="2Q">
<input  type="button" id ='four' value="4Qy">

Total <input type="text" id="count" value="">

Answer 1

两个问题：

您不能在单个src元素中同时拥有script 和内容。您需要使用两个script元素。
您的代码在之前运行它所作用的元素存在于DOM中。将script与您的代码一起移至页面的底部，就在结束</body>标记之前。（或者使用jQuery的ready，如果你不控制script标签在页面中的位置，就像某些CMS系统一样。）

E.g。

<body>  <input type="button" id='two' value="2Q"> <input type="button" id='four' value="4Qy">Total <input type="text" id="count" value=""> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $('#two').click(function() { $('#count').val('2'); }); $('#four').click(function() { $('#count').val('4'); }); </script> </body>

示例：

<input type="button" id='two' value="2Q"> <input type="button" id='four' value="4Qy">Total <input type="text" id="count" value=""> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $('#two').click(function() { $('#count').val('2'); }); $('#four').click(function() { $('#count').val('4'); }); </script>

Answer 2

在将侦听器附加到输入字段之前，您需要等待文档准备就绪。

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
  $('#two').on('click', function() {
    $('#count').val('2');
  });
});
</script>

<input type="button" id ='two' value="2Q">
<input  type="button" id ='four' value="4Qy">

Total <input type="text" id="count" value="">

Answer 3

请确认演示

＆＃13;

$('#two').click(function(){
$('#count').val('2');
});

$('#four').click(function(){
$('#count').val('4');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<input type="button" id ='two' value="2Q">
<input  type="button" id ='four' value="4Qy">

Total <input type="text" id="count" value="">

＆＃13;

输入值不会使用jquery更新

3 个答案: