2016-07-27 25 views
0

得到選中的複選框值的變量我有一個HTML表單的內容有兩個複選框像如何在腳本

<p class="text"> 
       <input type="checkbox" value="Yes" id="ques11" name="radiobutton" class="option_1" /> 
       <label for="ques11">True</label> 
       <span class="hide" id="ans1">Answer: True</span> 
       <span id="rite11" class="hide"><img class="imgsize" src="images/ans_correct.png"/></span> 
       <span id="wrong11" class="hide"><img class="imgsize" src="images/ans_wrong.png"/></span> </p> 

      <p class="text"> 
       <input type="checkbox" value="No" id="ques12" name="radiobutton" class="option_2" /> 
       <label for="ques12">False</label> 
       <span id="rite12" class="hide"><img class="imgsize" src="images/ans_correct.png"/></span> 
       <span id="wrong12" class="hide"><img class="imgsize" src="images/ans_wrong.png"/></span> </p> 

爲了這個,我已經寫代碼來獲取複選框

$(function(){ 
    $('#_submit').on('click', function(){ 
    completedata = 'selected_'; 
      $('input[type="checkbox"]').each(function(){ 

    var quesNo = $(this).closest("div[id^='questionsNo_']").attr('id').split('_'); 
var chapterId = quesNo[1]; 
var questionId = quesNo[2]; 
var optionId = $(this).attr('class').split('_')[1]; 
var currentAns = $(this).val(); 
completedata += 'choose'+','+chapterId + ',' + questionId + ',' + optionId + ',' + currentAns + '_'; 
    completedata = completedata.substr(0, completedata.length - 1) + '_selectedEnd'; 
    if(completedata == "selected_selectedEnd"){ 

      document.getElementById("selids").innerHTML=""; 
    } 

    else { 
     $('#selids').text(completedata); 
       } 

在這一行中,我必須得到哪個複選框被選中,如何使用這個腳本來獲取。請幫助我如何做到這一點。

var optionId = $(this).attr('class').split('_')[1]; 

我想根據class =「option_1」或class =「option_2」點擊哪個複選框。

+0

'$( '' + optionId).VAL()' – guradio

+0

您可以參考以下鏈接:http://www.tutorialrepublic.com/faq/how-to-檢查-A-複選框-IS-籤或 - 不使用-jquery.php –

回答

1

試試這個:

$("input[name='radiobutton']").click(function(){ 
    if($(this).is(':checked')) 
{ 
    // checked 
} 
else 
{ 
    // unchecked 
} 
});