Question

在申请中，我有一组问答。每个问题都有3组答案，类型是单选按钮。所有问答形式。如果我回答任何问题并单击下一步按钮，那么该问题的答案将被禁用。现在我在下一次禁用它，但在最后一次点击提交时，我将从form提交所有值。

脚本代码：

<script type="text/javascript">
    $('.forward').click(function(event) {
       $('input[type=radio]:checked').each(function(index, el) {
           var title = $(this).attr('name');
            $("input[name="+title+"]:radio").attr('disabled',true);

       });
    });
</script>

在Codeigniter代码中：

function insertValues() {
     $answer = $this->input->post();
}

Html代码：

<form method="post" action="http://localhost/demo/insertValues">

<div>
<h3>Question 1 ?</h3>
<input name="1" type="radio" value="111">
<input name="1" type="radio" value="112">
<input name="1" type="radio" value="113">
</div>

<div>
<h3>Question 2 ?</h3>
<input name="2" type="radio" value="121">
<input name="2" type="radio" value="122">
<input name="2" type="radio" value="123">
</div>

<button type="button" name="forward" class="forward">Save &amp; Next</button>


<button type="submit" name="submit" class="submit">See Report</button>
</form>

Answer 1

一种可能性是在提交事件处理程序中启用它们

$(function(){
    $('form').on('submit', function(){
        $(this).find(':radio').prop('disabled', false);
    });
});

Answer 2

 $('form input[type=radio]').each(function(){
      if($(this).prop('disabled',true) == true)
           alert('My property is disabled'+$(this).val());
 }

如果在Codeigniter中使用Jquery禁用它们，如何获取单选按钮的值？

2 个答案: