Code
2023-05-23 06:00:03

jQuery获取所选单选按钮的值

问题陈述很简单。我需要看看用户是否从无线电组中选择了一个单选按钮。组中的每个单选按钮共享相同的id。

问题是我无法控制表单是如何生成的。下面是单选按钮控件代码的样例代码:

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

除此之外，当单选按钮被选中时，它不会添加一个“checked”属性到控件中，只是文本检查(我猜只是没有值的属性检查)。下面是选定的无线电控件的外观

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

有人能帮助我用jQuery代码，可以帮助我得到选中单选按钮的值吗?

当前回答

检查示例，它工作正常

<div class="dtl_radio">
  Metal purity : 
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="92" checked="">
    92 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="75">
    75 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="58.5">
    58.5 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="95">
    95 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="59">
    59 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="76">
    76 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="93">
    93 %
  </label>
   </div>

Var check_value = $('.gold_color:checked').val();

2015-08-04 07:43:48

其他回答

甚至输入也不是必要的，正如其他答案所建议的那样。 下面的代码也可以使用:

var variable_name = $("[name='radio_name']:checked").val();
2019-12-27 14:55:15

检查示例，它工作正常

<div class="dtl_radio">
  Metal purity : 
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="92" checked="">
    92 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="75">
    75 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="58.5">
    58.5 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="95">
    95 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="59">
    59 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="76">
    76 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="93">
    93 %
  </label>
   </div>

Var check_value = $('.gold_color:checked').val();

2015-08-04 07:43:48 
if (!$("#InvCopyRadio").prop("checked") && $("#InvCopyRadio").prop("checked"))
    // do something
2011-12-24 02:48:03

多组单选按钮隐藏值到数组

var arr = []; function r(n) { var section = $('input:radio[name="' + n + '"]:checked').val(); arr[n] = section; console.log(arr) } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="radio" onchange="r('b1')" class="radioID" name="b1" value="1">1 <input type="radio" onchange="r('b1')" class="radioID" name="b1" value="2" >2 <input type="radio" onchange="r('b1')" class="radioID" name="b1" value="3">3 <br> <input type="radio" onchange="r('b2')" class="radioID2" name="b2" value="4">4 <input type="radio" onchange="r('b2')" class="radioID2" name="b2" value="5" >5 <input type="radio" onchange="r('b2')" class="radioID2" name="b2" value="6">6

2019-04-01 09:50:37

请参阅下面的工作示例，其中包含与不同部分相关联的无线电组集合。您的命名方案很重要，但理想情况下，您应该尝试对输入使用一致的命名方案(特别是当它们位于像这里这样的部分时)。

$('#submit').click(function(){ var section = $('input:radio[name="sec_num"]:checked').val(); var question = $('input:radio[name="qst_num"]:checked').val(); var selectedVal = checkVal(section, question); $('#show_val_div').text(selectedVal); $('#show_val_div').show(); }); function checkVal(section, question) { var value = $('input:radio[name="sec'+section+'_r'+question+'"]:checked').val() || "Selection Not Made"; return value; } * { margin: 0; } div { margin-bottom: 20px; padding: 10px; } h5, label { display: inline-block; } .small { font-size: 12px; } .hide { display: none; } #formDiv { padding: 10px; border: 1px solid black; } .center { display:block; margin: 0 auto; text-align:center; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="center"> <div> <h4>Section 1</h4> <h5>First question text</h5> <label class="small"><input type="radio" name="sec1_r1" value="(1:1) YES"> YES</label> <label class="small"><input type="radio" name="sec1_r1" value="(1:1) NO"> NO</label> <br/> <h5>Second question text</h5> <label class="small"><input type="radio" name="sec1_r2" value="(1:2) YES"> YES</label> <label class="small"><input type="radio" name="sec1_r2" value="(1:2) NO"> NO</label> <br/> <h5>Third Question</h5> <label class="small"><input type="radio" name="sec1_r3" value="(1:3) YES"> YES</label> <label class="small"><input type="radio" name="sec1_r3" value="(1:3) NO"> NO</label> </div> <div> <h4>Section 2</h4> <h5>First question text</h5> <label class="small"><input type="radio" name="sec2_r1" value="(2:1) YES"> YES</label> <label class="small"><input type="radio" name="sec2_r1" value="(2:1) NO"> NO</label> <br/> <h5>Second question text</h5> <label class="small"><input type="radio" name="sec2_r2" value="(2:2) YES"> YES</label> <label class="small"><input type="radio" name="sec2_r2" value="(2:2) NO"> NO</label> <br/> <h5>Third Question</h5> <label class="small"><input type="radio" name="sec2_r3" value="(2:3) YES"> YES</label> <label class="small"><input type="radio" name="sec2_r3" value="(2:3) NO"> NO</label> </div> <div> <h4>Section 3</h4> <h5>First question text</h5> <label class="small"><input type="radio" name="sec3_r1" value="(3:1) YES"> YES</label> <label class="small"><input type="radio" name="sec3_r1" value="(3:1) NO"> NO</label> <br/> <h5>Second question text</h5> <label class="small"><input type="radio" name="sec3_r2" value="(3:2) YES"> YES</label> <label class="small"><input type="radio" name="sec3_r2" value="(3:2) NO"> NO</label> <br/> <h5>Third Question</h5> <label class="small"><input type="radio" name="sec3_r3" value="(3:3) YES"> YES</label> <label class="small"><input type="radio" name="sec3_r3" value="(3:3) NO"> NO</label> </div> </div> <div id="formDiv" class="center"> <form target="#show_val_div" method="post"> <p>Choose Section Number</p> <label class="small"> <input type="radio" name="sec_num" value="1"> 1</label> <label class="small"> <input type="radio" name="sec_num" value="2"> 2</label> <label class="small"> <input type="radio" name="sec_num" value="3"> 3</label> <br/><br/> <p>Choose Question Number</p> <label class="small"> <input type="radio" name="qst_num" value="1"> 1</label> <label class="small"> <input type="radio" name="qst_num" value="2"> 2</label> <label class="small"> <input type="radio" name="qst_num" value="3"> 3</label> <br/><br/> <input id="submit" type="submit" value="Show Value"> </form> <br/> <p id="show_val_div"></p> </div> <br/><br/><br/>

2018-04-14 02:06:50

推荐文章

aliyun

最新文章

标签

2024 code 京ICP备15047053号-1