1

我有 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;
  });    
});
4

1 回答 1

0

您的提交功能是错误的..这​​有效吗?

$("form").submit(function() {
if ($("#ime").val() != "" && $("#cena").val() != ""){
    var ime = $("#ime").val();
    var cena = $("#cena").val();
    var izpisni = ($('input[name="zaloga"]:checked').val() == "false") ? "No" : "Yes";

    $('table').append('<tr>\
        <td>'+ime+'</td>\
        <td>'+cena+'</td>\
        <td>'+izpisni+'</td>\
    </tr>');
}
return false;
});
于 2013-05-25T23:27:41.213 回答