Javascript 使用jquery选中相应的复选框

Javascript 使用jquery选中相应的复选框,javascript,jquery,Javascript,Jquery,jquery新问题 使用jQuery,根据单击的单选按钮,我希望jQuery自动“检查”相应的复选框 <input type="radio" value="#ID#" name="#ID#1" onclick="return tickSession(this);"/> <input type="checkbox" value="#ID#" id="#ID#" name="sessionsThatNeedBookingOnto" class="#I

jquery新问题

使用jQuery,根据单击的单选按钮,我希望jQuery自动“检查”相应的复选框

<input type="radio" value="#ID#" name="#ID#1" 
       onclick="return tickSession(this);"/>
<input type="checkbox" value="#ID#" id="#ID#" 
       name="sessionsThatNeedBookingOnto" class="#ID#1"/>

<input type="radio" value="#ID#" name="#ID#1" 
       onclick="return tickSession(this);"/>
<input type="checkbox" value="#ID#" id="#ID#" 
       name="sessionsThatNeedBookingOnto" class="#ID#1"/>


这是我尝试过的,但我的理解有点偏离

<script>
    function tickSession(elementHere){
            alert($(elementHere).val());
            $(elementHere).attr('id').attr("checked", "true");
            $($(elementHere).val()).attr('checked','checked')

    }
  </script>

功能会话(elementHere){
警报($(elementHere.val());
$(elementHere.attr('id').attr(“选中”、“为真”);
$($(elementHere.val()).attr('checked','checked'))
}

$(文档).ready(函数(){
$('input:radio')。单击(函数(){
$(this).next('checkbox').attr('checked',true);
});
});

让我们重新设置您的复选框/收音机:

<input type="radio" value="#ID#" name="rd1" class='rd-session-control'/>
<input type="checkbox" value="#ID#" id="for-rd1" 
    name="sessionsThatNeedBookingOnto" class="#ID#1"/>
它的作用是:

  • 允许您使用类
    rd会话控件
    一次设置收音机的所有单击处理程序
  • 复选框的ID属性是正常的,并且相对于控制复选框的收音机容易计算
  • 使用
    :checked
    选择器测试复选框是否处于活动状态

  • 要让它工作,我需要知道复选框的名称,对吗?这是通过函数传入的,我想输入radio是否需要是$(elementHere).val()?因为收音机的值是收音机的idcheckbox@Spark,不需要。单击单选按钮时,它会自动按$(this).next('checkbox')选中复选框。你点击的单选按钮是$(这)你可以通过这种方式选中任何复选框属性。还有一件事。id的命名约定错误。命名规则:必须以字母a-Z或a-Z开头,后面可以是:字母(a-Za-Z)、数字(0-9)、连字符(“-”)和下划线(“904;”),在HTML中,所有值都不区分大小写。它们在HTML5中技术上有效,但必须在jQuery选择器语句中转义磅符号,以便正确解析。但是,id必须是唯一的;给我举个不明确的例子。收音机盒没有id
    <script>
    
    $(document).ready(function(){
    
    $('input:radio').click(function(){
    
          $(this).next('checkbox').attr('checked',true);
    });
    
    });
    
    </script>
    
    <input type="radio" value="#ID#" name="rd1" class='rd-session-control'/>
    <input type="checkbox" value="#ID#" id="for-rd1" 
        name="sessionsThatNeedBookingOnto" class="#ID#1"/>
    
    $(function() {
        $('.rd-session-control').click(function() {
            var checkbox = $('#for-' + $(this).attr('id'));
            if (checkbox.is(':checked'))
                checkbox.removeAttr('checked');
            else
                checkbox.attr('checked', 'checked');
        });
    });