如何检查一个单选按钮被选中或者不使用jquery

Question

如何检查一个单选按钮被选中或者不使用jquery ???

这里是代码：

 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); 
      //} 

我要检查的复选框被选中与否，这样我可以使用JavaScript一个数组中推或切片。 任何代码？

下面是HTML：

<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

检查这一点，

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

我已经采取了只有三个例子只是作为演示，但检查的代码，它工作正常现在。

我希望这会有所帮助。

Answer 2

对于这个请尝试以下代码：

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

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

//这里是JS代码//

function handlesClick(RadioId) { 

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

    //Add condition for checked Radio 

    } 
else 
    { 

    //Add condition for unchecked Radio 

    } 
    } 
}