如何通過點擊答案/ DIV

-1

提交單選按鈕的價值在我的網站中，我有一些問題和多選答案。我想隱藏單選按鈕並通過單擊DIV中的答案文本本身來提交值。有沒有辦法通過使用javascript/jquery或其他東西來達到這個目的？下面是一個樣本的問題/答案我的簡單的html代碼：如何通過點擊答案/ DIV

<form action="" method="post" name="" > 
<div> 8*2= ?</div> 
<br clear="left"> 

<div><input type="radio" name="ans" value="a">Sixteen </div> 
<div><input type="radio" name="ans" value="a">Twelven </div> 
<div><input type="radio" name="ans" value="a">Thirteen </div> 
<div><input type="radio" name="ans" value="a">Four </div> 
<div><input name="submit" type="submit" value="SUBMIT" style="background-color:#006600; color:#FFFFFF;" /> </div> 
</form>

先謝謝了！

來源

2017-06-27 Reena

是的，你可以實現，使用JS和/或jQuery。 – Oen44

https://stackoverflow.com/questions/16242980/making-radio-buttons-look-like-buttons-instead –

你可以使用onclick在div中。 – Reshma

如果我明白你的問題，你可以試試這個：
但我不明白爲什麼要隱藏單選按鈕和？

我會建議請加類你的答案DIV
您可以添加id提交按鈕，如果你想

$(function(){ 
 
    $('div[class=class-answer]').click(function(event){ 
 
     $(this).find('input:radio[name=ans]').prop('checked',true); 
 
    \t  alert( $(this).find('input:radio[name=ans]').val()); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form action="" method="post" name="" > 
 
<div> 8*2= ?</div> 
 
<br clear="left"> 
 

 
<div class='class-answer'><input type="radio" name="ans" value="Sixteen">Sixteen </div> 
 
<div class='class-answer'><input type="radio" name="ans" value="Twelven">Twelven </div> 
 
<div class='class-answer'><input type="radio" name="ans" value="Thirteen">Thirteen </div> 
 
<div class='class-answer'><input type="radio" name="ans" value="Four">Four </div> 
 
<div><input name="submit" type="submit" value="SUBMIT" style="background-color:#006600; color:#FFFFFF;" /> </div> 
 
</form>

來源

2017-06-27 11:38:38

非常感謝。它適用於我的目的。 – Reena

但我是Jquery的初學者。你可以給我jquery編碼，'點擊答案後應該提交的值，然後點擊提交按鈕'。現在只需單擊答案即可提交該值。 – Reena

我已經更新了可以檢查的答案，剛刪除'$（'input [name = submit]'）。click（）;'這會導致表單被提交 –

-2

根本不需要javascript。你需要的是每個無線電輸入的相關標籤。

<form action="" method="post" name="" > 
<div> 8*2= ?</div> 
<br clear="left"> 

<label for="ans-1"><input type="radio" name="ans" id="ans-1" value="16">Sixteen </label><br> 
<label for="ans-12"><input type="radio" name="ans" id="ans-12" value="12">Twelven </label><br> 
<label for="ans-13"><input type="radio" name="ans" id="ans-13" value="13">Thirteen </label><br> 
<label for="ans-4"><input type="radio" name="ans" id="ans-4" value="4">Four </label><br> 
<div><input name="submit" type="submit" value="SUBMIT" style="background-color:#006600; color:#FFFFFF;" /> </div> 
</form>

來源

2017-06-27 10:45:09

你的回答可能會使用標籤，因爲它的語義是正確的，但是操作系統詢問它是否可以通過點擊事件和jquery，javascript。 –

@TonyNielson沒有必要按照要求給出答案，作爲一名開發人員，我們不僅要提供解決方案，而且要有正確的解決方案。 –

如何通過點擊答案/ DIV

回答

相關問題