Javascript 使用jquery选中相应的复选框
jquery新问题 使用jQuery,根据单击的单选按钮,我希望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
<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会话控件
一次设置收音机的所有单击处理程序: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');
});
});