gpt4 book ai didi

jquery - readonly 属性在 jquery 中不起作用

转载 作者:行者123 更新时间:2023-12-01 07:55:33 25 4
gpt4 key购买 nike

我在此代码中使用此代码,将前两列(即answer1和answer2)输入值乘以第三列(即answer3)输入。

我将第三列输入设置为只读,但是当我单击第三列输入并按 Enter、Shift、0 到 9 等任意键时,第三列(即 answer3 )输入的值会增加,但我不这样做不要这样做。该值不应增加。

<html>

<body>
<table class="chetan">
<thead>
<tr>
<th>&nbsp;</th>
<th>answer1</th>
<th>answer2</th>
<th>answer3</th>
</tr>
<thead>
<tbody>
<tr>
<th>first</th>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<th>second</th>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<th>third</th>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
</tbody>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function () {
$("table.chetan >tbody >tr >td:nth-child(4)").addClass("ccg").children("input").attr('readonly', true);
$("table.chetan >tbody >tr >td:nth-child(4) >input").keydown(function () {
return false;
});
var mult = 0;
$("input:text").val(0);
$("input:text").keyup(function () {
var p1 = $(this).val();
var p2 = $(this).parent().parent().find("td:not(.ccg) input").not(this).val();
mult = parseFloat(p1) * parseFloat(p2);
$(this).parent().parent().find("td.ccg input").val(mult);
});
});
</script>
</body>

</html>

最佳答案

它不起作用,因为您的选择器查询返回一个数组。通过迭代并设置每个属性来解决该问题

 $("table.chetan >tbody >tr >td:nth-child(4)").addClass("ccg").children("input").each(function () {
$(this).attr('readonly', true);
});

jsFiddle

关于jquery - readonly 属性在 jquery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24779411/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com