Question

我正在尝试制作一个选择框＆＃34; required＆＃34;但只有当我的单选按钮被选中时，下面是我的，但似乎没有工作。

  <input type="radio" name="radio" id="radio" />

  <select name="selectbox" id="selectbox">
  <option value="1"> 1 </option>
  <option value="2"> 2 </option>
  <option value="3"> 3 </option>
  </select>

和代码

  function radiocheck(){
      if($('#radio').is(':checked')){
      $('#selectbox').prop('required',true);
      }}

Answer 1

试试这个：

$(document).ready(function(){
    $('#radio').change(function(e){
        if($('#radio').is(':checked')){
            $('#selectbox').prop('required',true);
        }
    });
});

See it in action here

Answer 2

选择收音机时更新状态：

http://codepen.io/himedlooff/pen/bdpdOo

$('#radio').on('change', function(){
  if ($(this).is(':checked')) {
    $('#selectbox').prop('required', 'required');
  } else {
    $('#selectbox').removeAttr('required');
  }
});

Answer 3

查看小提琴http://jsfiddle.net/Lmpf3arh/3/并编辑以通过Ted

回答上述问题

<input type="radio" name="radio" id="radio" />

  <select name="selectbox" id="selectbox" disabled="disabled">
  <option value="">Please select</option>
  <option value="1"> 1 </option>
  <option value="2"> 2 </option>
  <option value="3"> 3 </option>
  </select>

和脚本

$(document).ready(function(){
    $('#radio').change(function(e){
        if($('#radio').is(':checked')){
            $('#selectbox').prop('disabled',false);
            $('#selectbox').prop('required',true);
        }
    });
});

Answer 4

如果收音机未被选中，请不要忘记将其设置回false。

$(document).ready(function(){
    $('#radio').change(function(e){
        var req = false;
        if($('#radio').is(':checked')){
            req = true;
        } 
        $('#selectbox').prop('required',req);
    });
});

检查无线电时将属性设置为必需

4 个答案: