2016-07-27 9 views
0

私がチェックされchekbox取得するスクリプトを書かれているこのチェックボックスのクラス名を取得するだけ

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

のような2つのチェックボックスとなるクラス名を含む任意のHTMLコードを持って

$('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 optionId私は最初のチェックボックスをチェックすると、 'option_1'から '1'の値を取得したいと思っています。2番目のチェックボックスをオンにしたとします。 'option_2'howチェックボックスの値を取得する方法のみ。あなたが望むすべてがちょうど例えば、あなたループする前に、元のセレクタでこれを含めるチェックし、フィールド上の情報であれば

答えて

0

ただ、代わりにhere

$('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; 
    if ($(this).is(':checked')) { 
     optionId = $(this).attr('class').split('_')[1]; 
    } else { 
     //Else don't set it or do something else for this case 
    } 
}); 

、擬似セレクタ:checkedのために多くの情報をチェックを追加します。 ...

var selectedNum = $('input[type="checkbox"]:checked').attr('class').split('_')[1] 

セレクタは、あなたがループする必要があるか、あなたが取得したいものを選択しますその場合には、複数の結果を返す場合は、上記の動作しませんのでご注意ください。

UPDATE

あなたはJSONだけのオブジェクトとして変数を作成し、設定したい場合、それはあなたが必要があると思い心の中でそう

var myJSON = { 'option_id': $('input[type="checkbox"]:checked').attr('class').split('_')[1] }; 

ベアリングのようなクラスから数としての価値ですstringifyこのオブジェクトは真のJSONになります。

+0

この値をjson形式にしたい場合 –

+0

{"option_id": "2"} –

+0

私はアップデートを追加しました –

関連する問題