HTML: Отправить форму на радиокнопке

У меня есть форма, которая отображает две кнопки радиосвязи (с использованием PHP).HTML: Отправить форму на радиокнопке

echo "<form action=\"next.php\" method=\"post\">"; 
    echo "<input type=\"radio\" name=\"paid\" value=\"0\" checked=\"checked\">No<br>"; 
    echo "<input type=\"radio\" name=\"paid\" value=\"1\">Yes<br>"; 
echo "</form>";

Один из переключателей всегда установлен по умолчанию. Если пользователь проверяет другой переключатель, я хотел бы, чтобы форма сама отправлялась (без необходимости нажатия кнопки отправки).

источник

2013-09-02 Juicy

Вам нужно JavaScript для этого. – j08691

Вы можете сделать это с помощью JQuery (поместите код внутри </body> тега):

<script type='text/javascript'> 

$(document).ready(function() { 
    $('input[name=paid]').change(function(){ 
     $('form').submit(); 
    }); 
    }); 

</script>

DEMO HERE

Чтобы добавить Jquery на страницу, поместите эту строку внутри <head> тега:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'> 
</script>

источник

2013-09-02 00:25:47

Я извиняюсь за свое невежество, но у меня нет опыта работы с javascript и, скорее всего, он не понадобится на моем сайте, кроме этого бита. Это функция javascript, которую мне нужно положить в голову моей страницы? Я понимаю код, хотя, просто не знаю, куда он идет. – Juicy

Да, я добавлю объяснения –

Использование прослушивателя onchange:

$("#paid").change(function(){ 
alert("test"); 
});

Вам просто нужно дать вашей радиокниге идентификатор, чтобы идти вместе с именем. Идентификатор может быть таким же, как имя, чтобы он был простым для вас.

источник

2013-09-02 00:30:08

вы можете добавить это в ваш вход:

onchange='this.form.submit();'

как:

echo "<form action=\"next.php\" method=\"post\">"; 
    echo "<input onchange='this.form.submit();' type=\"radio\" name=\"paid\" value=\"0\" checked=\"checked\">No<br>"; 
    echo "<input onchange='this.form.submit();' type=\"radio\" name=\"paid\" value=\"1\">Yes<br>"; 
echo "</form>";

DEMO

источник

2013-09-02 00:31:06

, вы отвечаете гораздо проще. Спасибо. – Jeeva

HTML: Отправить форму на радиокнопке

ответ

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