javascript - 如何将选定的复选框值获取到脚本中的变量

标签 javascript jquery

我有一个 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"单击哪个复选框。

最佳答案

试试这个:

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

关于javascript - 如何将选定的复选框值获取到脚本中的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38604977/

相关文章:

javascript - 代码效率专家——操作列表——字符串比较——将元素追加到另一个div

javascript - 提供自定义 url 时,JqGrid 导出功能不起作用

javascript - 如何从另一个页面获取内容

javascript - 两个 div FadeIn 和 FadeOut 同时在彼此之上

javascript - 为ajax构建一个数组?

ajax - Angular JS 数据未从异步 http 请求填充

javascript - html5 音频流可以与当前设备时间 100% 同步吗

javascript - 使用 jquery 将图像添加到 div

javascript - JSON 整数自动转为除 id 之外的字符串

javascript - 如何打开一个窗口并选择该窗口中的对象?