如何将单选按钮的属性分配给复选框

时间:2011-06-27 10:10:08

标签: jquery

我想将单选按钮的属性分配给复选框,例如,如果我更改单选按钮的值,则应该对复选框执行相同的操作。下面是我所拥有的代码

 $(this).children('TD').find('input:radio').change(function()
        {
          $(this).parents('TD').find('input:checkbox').prop(?)
        });

请别人帮帮我

2 个答案:

答案 0 :(得分:1)

只需使用prop的{​​{1}}值:

this

请注意,当您选择关闭单选按钮时,它不会取消选中此框,因为它不会调用旧按钮上的$(this).children('TD').find('input:radio').change(function() { $(this).parents('TD').find('input:checkbox').prop('checked',this.checked) }); 事件。

答案 1 :(得分:1)

如果您的字面意思是 value ,就像value属性一样,那么您既可以分配给元素自己的value属性,也可以使用jQuery通过{{{ 3}}

但我假设您实际上是指已检查状态,而不是值,在这种情况下,您可以直接指定元素的checked属性,或使用{{3} }。

示例:

如果您知道该复选框将在那里,只需直接设置其checked属性:

$(this).children('TD').find('input:radio').change(function()
    {
      $(this).parents('TD').find('input:checkbox')[0]. checked = this.checked;
      //                             note this ---^^^ We're looking at the raw element
    });

或者,如果您更喜欢以“jQuery”的方式进行,或者有可能复选框不会出现,例如:

$(this).children('TD').find('input:radio').change(function()
    {
      $(this).parents('TD').find('input:checkbox').attr("checked", this.checked);
    });

使用attr设置检查状态适用于jQuery 1.5.x及更低版本以及jQuery 1.6.1及更高版本;在1.6.1或更高版本中,您可以使用prop代替。大约两周(jQuery 1.6.0),您将 使用新的prop函数,但他们重新考虑了这一点。 : - )