Отправить форму радио без яваскрипта

Question

У меня есть следующий код:

<div id="choices"> 
    <div> 
     <input type="radio" name="question-answers" id="question-answers-A" value="A" onclick="this.form.submit();" /> 
     <label for="question-answers-A">$c[0] </label> 
     </div> 
     <div> 
     <input type="radio" name="question-answers" id="question-answers-B" value="B" onclick="this.form.submit();"/> 
    <label for="question-answers-B">$c[1]</label> 
    </div> 
    </div> 

Форма представляется при выборе радио.

Есть ли способ сделать это без javascript? (без onClick)

Спасибо.

Answer 1

Почему не традиционный ввод?

<form> 
    <input type="radio" name="r1"> 
    <input type="radio" name="r2"> 
    <input type="submit" value="send" /> 
</form> 

The form is submitted when a radio is selected. 

Javascript является путь или обычный старый HTML, но он не будет представлен на изменения.

Answer 2

Невозможно обнаружить, когда нажата кнопка переключения без использования Javascript.

Answer 3

Вы можете использовать PHP

<div class="field form-inline radio"> 
    <label class="radio" for="txtContact">Preferred Method of Contact</label> 
    <input class="radio" type="radio" name="contact" value="email" checked /> <span>Email</span> 
    <input class="radio" type="radio" name="contact" value="phone" /> <span>Phone</span> 
</div> 


    $contact = $_POST['contact'] 
//Will return either "email" or "phone". 

Answer 4

Используйте две кнопки отправки, и, возможно, их стиль, чтобы выглядеть как радио-кнопки. http://jsfiddle.net/trevordixon/FNzhb/3/

<form method="POST"> 
    <button type="submit" name="question-answers" value="A">A</button> 
    <button type="submit" name="question-answers" value="B">B</button> 
</form> 

<style> 
button { 
    border: none; 
    background: none; 
    padding-left: 10px; 
    cursor: pointer; 
} 

button:before { 
    content: ''; 
    display: block; 
    width: 12px; 
    height: 12px; 
    border: 1px solid #999; 
    border-radius: 50%; 
} 

button:active:before { content: '•'; } 
</style> 

Answer 5

Вот пример получения его на работу без Javascript http://jsfiddle.net/DCHaT/8/

Вы полагаетесь на CSS и этикетках.

CSS:

button.transparent{ 
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    visiblity:hidden; 
    border:none; 
    z-index:2; 
    background-color:transparent; 
} 

div.radio{ 
    position:relative; 
} 

div.radio > label > input[type="radio"]{ 
    position:relative; 
    z-index:1; 
} 

Код:

<form action="http://www.yahoo.com" method="GET"> 
    <div class="radio"> 
     <label for="radio_1"> 
    <button type="submit" class="transparent" name="radio" value="1"></button> 
     <input type="radio" value="1" name="radio" id="radio_1"/> 
     Radio 1</label> 
    </div> 
    <div class="radio"> 
     <label for="radio_2"> 
    <button type="submit" class="transparent" name="radio" value="2"></button> 
    <input type="radio" value="2" name="radio" id="radio_2"/> 
      Radio 2</label> 
    </div> 
</form>