Question

在我的网站上，我有一些问题和多项选择答案。我想隐藏单选按钮并通过单击DIV中的答案文本本身来提交值。有没有办法通过使用javascript / Jquery或其他东西来实现这一点？下面是我的简单html代码，用于示例问题/答案：

<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>

先谢谢!!

Answer 1

如果我理解你的问题你可能想试试这个：
但是我不明白为什么要隐藏单选按钮以及哪些？

我会建议，请在您的答案div中添加课程
如果您需要，可以将id添加到“提交”按钮

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 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>

如何通过单击Answer / DIV提交单选按钮的值

2 个答案: