jQuery и html Таблица

У меня проблема с jQuery.jQuery и html Таблица

Я хочу добавить в свою таблицу текст «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; 
    });  
});

источник

2013-05-25 user2421246

Ваша функция представить неправильно .. это работает?

$("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-25 23:27:41

Yeees, thanx много. Мне нравится этот форум – user2421246

ответ

Смежные вопросы