Wie überprüfe ich, ob ein Optionsfeld aktiviert ist oder nicht jquery verwendet

Question

Wie überprüfe ich, ob ein Optionsfeld aktiviert ist oder nicht jquery verwendet ???

hier ist der Code:

 function handlesClick(myRadio) { 
     debugger 
     var selectedmerchant = []; 
     if (myRadio != '') { 
      var myRadios = $('input[name=myRadio]'); 
      //var checkedValue = $("#myRadio").attr('checked', 'checked'); 
      //if ($('#myRadio').is(':checked')) { alert("it's checked"); } 
      //$('input[type="radio"][class="icheck-list"]:checked').val() 
      if ($("#myRadio").is(":checked") === true) 
      { 
       selectedmerchant.push(myradio); 
       selectedmerchant.join(","); 
      } 
      else 
      { 
var index = selectedmerchant.indexof(merchant); 
       selectedmerchant.splice(index, 1); 
      } 
    //if (document.getelementbyid(myradio).checked == true) { 
      // selectedmerchant.push(myradio); 
      // selectedmerchant.join(","); 
      //} 
      //else { 
      // var index = selectedmerchant.indexof(merchant); 
      // selectedmerchant.splice(index, 1); 
      //} 

i die Checkbox überprüfen will, aktiviert sind oder so nicht, dass ich in einem Array mit Hilfe von JavaScript schieben oder in Scheiben schneiden kann. irgendein Code ???

hier ist die html: diese

<div class="row"> 
    <div class="form-group"> 
     <div class="col-md-12"> 
     <label>3.sdfdsfsdfds</label> 
     <div class="icheck-list"> 
      <label class="icheck-list" id="11"> 

      <input name="3" onclick="handlesClick(this);" id="3_11" type="radio">Strongly Disagree 
      <span></span> 
      </label> 
     </div> 
     <div class="icheck-list"> 
      <label class="icheck-list" id="12"> 
      <input name="3" onclick="handlesClick(this);" id="3_12" type="radio">Disagree 
      <span></span> 
      </label> 
     </div> 
     <div class="icheck-list"> 
      <label class="icheck-list" id="13"> 
      <input name="3" onclick="handlesClick(this);" id="3_13" type="radio">Neither Agree or Disagree 
      <span></span> 
      </label>  
     </div> 
     <div class="icheck-list"> 
      <label class="icheck-list" id="14"> 
      <input name="3" onclick="handlesClick(this);" id="3_14" type="radio">Agree 
      <span></span> 
      </label> 
     </div> 
     <div class="icheck-list"> 
      <label class="icheck-list" id="15"> 
      <input name="3" onclick="handlesClick(this);" id="3_15" type="radio">Strongly Agree 
      <span></span> 
      </label> 
     </div> 
     </div> 
    </div> 
    </div> 

Answer 1

prüfen,

window.selectedmerchant = {}; 
 
function handlesClick(myRadio) { 
 
    if ($(myRadio).is(":checked")) { 
 
    window.selectedmerchant[$(myRadio).attr("name")] = $(myRadio).attr("id"); 
 
    } 
 
    console.log(window.selectedmerchant); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <div class="form-group"> 
 
    <div class="col-md-12"> 
 
     <label>3.sdfdsfsdfds 
 
     </label> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="11"> 
 
      <input name="3" onclick="handlesClick(this);" id="3_11" type="radio">Strongly Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="12"> 
 
      <input name="3" onclick="handlesClick(this);" id="3_12" type="radio">Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="13"> 
 
      <input name="3" onclick="handlesClick(this);" id="3_13" type="radio">Neither Agree or Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="14"> 
 
      <input name="3" onclick="handlesClick(this);" id="3_14" type="radio">Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="15"> 
 
      <input name="3" onclick="handlesClick(this);" id="3_15" type="radio">Strongly Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr/> 
 
<div class="row"> 
 
    <div class="form-group"> 
 
    <div class="col-md-12"> 
 
     <label>4. fourth question 
 
     </label> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="13"> 
 
      <input name="4" onclick="handlesClick(this);" id="4_13" type="radio">Strongly Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="14"> 
 
      <input name="4" onclick="handlesClick(this);" id="4_14" type="radio">Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="15"> 
 
      <input name="4" onclick="handlesClick(this);" id="4_15" type="radio">Neither Agree or Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="16"> 
 
      <input name="4" onclick="handlesClick(this);" id="4_16" type="radio">Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="17"> 
 
      <input name="4" onclick="handlesClick(this);" id="4_17" type="radio">Strongly Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr/> 
 
<div class="row"> 
 
    <div class="form-group"> 
 
    <div class="col-md-12"> 
 
     <label>5.5th question 
 
     </label> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="18"> 
 
      <input name="5" onclick="handlesClick(this);" id="5_18" type="radio">Strongly Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="19"> 
 
      <input name="5" onclick="handlesClick(this);" id="5_19" type="radio">Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="20"> 
 
      <input name="5" onclick="handlesClick(this);" id="5_20" type="radio">Neither Agree or Disagree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="21"> 
 
      <input name="5" onclick="handlesClick(this);" id="5_21" type="radio">Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
     <div class="icheck-list"> 
 
     <label class="icheck-list" id="22"> 
 
      <input name="5" onclick="handlesClick(this);" id="5_22" type="radio">Strongly Agree 
 
      <span></span> 
 
     </label> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr/>

Ich habe nur drei Beispiele nur als Demo aufgenommen, aber den Code überprüfen, seine adaequat jetzt.

Ich hoffe, das wird helfen.

Answer 2

dies für versuchen Sie bitte die folgenden Code:

<input name="3" onclick="handlesClick(this);" id="3_1" type="radio">Agree 

<input name="3" onclick="handlesClick(this);" id="3_2" type="radio">Disagree 

// Hier ist der JS-Code //

function handlesClick(RadioId) { 

if (RadioId != '') { 
if ($(RadioId).is(":checked") === true) 
    { 

    //Add condition for checked Radio 

    } 
else 
    { 

    //Add condition for unchecked Radio 

    } 
    } 
}