我有 jQuery 的问题。
如果收音机选择“第一”,我想在我的表格中添加最后一个“td”文本“是”,如果选择“第二”,则添加“否”。
现在首先选择收音机。单击按钮后,我可以在表格中看到我的表单,首先是收音机的正确文本“是”,然后我在第二个更改收音机,现在我可以再次看到第二个收音机的正确新文本“否”,但收音机的文本首先“是”更改为文本“否”。
如何解决?
这是我的 HTML 和 JS 代码。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="index.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<form method="" action="">
<input type="text" id="ime" placeholder="Vnesi ime izdelka" /><br />
<input type="text" id="cena" placeholder="Vnesi ceno" /><br/>
<input type="radio" name="zaloga" value="true">first<br />
<input type="radio" name="zaloga" value="false">second<br />
<input type="submit" value="send">
</form>
<div id="napake"></div>
<br />
<table border="1">
<tr>
<th>Ime izdelka</th>
<th>Cena izdelka</th>
<th>Zaloga</th>
</tr>
</table>
<div id="sumaZaloga">Znesek artiklov na zalogi</div>
<div id="sumaNiZaloge">Znesek artiklov, ki niso na zalogi</div>
<input type="button" id="ponastavi" value="Ponastavi vse" /><br />
</body>
</html>
JS (jQuery)
$(document).ready(function () {
$("form").submit(function() {
if ($("#ime").val() != "" && $("#cena").val() != "" && $('input[name=zaloga]:checked').val() == "false") {
var ime = $("#ime").val();
var cena = $("#cena").val();
var izpisni = "No";
$("table").append("<tr>");
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(ime);
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(cena);
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(izpisni);
return false;
}
var ime = $("#ime").val();
var cena = $("#cena").val();
var izpisje = "Yes";
$("table").append("<tr>");
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(ime);
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(cena);
$("tr:last-child").append("<td>");
$("table td:last-child")
.text(izpisje);
return false;
});
});