Question

检查输入，如果值为1并选中，则将span颜色设置为绿色，否则设置为红色。我知道我也没有正确选择范围，我无法弄清楚我应该怎么做。

HTML

<input type="radio"name="rate" value="1" CHECKED>
<span class="radioLabel">Yes</span>

<input type="radio" name="rate" value="0">
<span class="radioLabel">No</span>

的jQuery

$('.ratingInput input')
    .each(function() {
        if($(this).val() == ('1') && $(this).is(':selected'))
        {
            $(this + ('span')).css('border','1px solid green');
        } else {
            $(this + ('span')).css('border','1px solid red');
        }
    }

Answer 1

这将做你想要的事情

$('input')
    .each(function () {
    if ($(this).val() == ('1') && $(this).is(':checked')) {
        $(this).next('span').css('border', '1px solid green');
    } else {
        $(this).next('span').css('border', '1px solid red');
    }
});

Answer 2

尝试

$(this).next('span').css('border','1px solid green');

<小时/> fiddle Demo

$('input:checked[value="1"]').next('span').css('border', '1px solid green');
$('input[value!="1"]').not(':checked').next('span').css('border', '1px solid red');

<小时/> fiddle Demo with classes

Answer 3

工作演示 http://jsfiddle.net/UL3Cn/

有些事情不正确：:)

关闭大括号})
而不是选择使用checked：http://api.jquery.com/checked-selector/
使用.next作为span

休息符合需要:)

<强>码

  $(document).ready(function () {
      $('.ratingInput input').each(function () {
          if ($(this).val() == ('1') && $(this).is(':checked')) {
              $(this).next('span').css('border', '1px solid green');
          } else {
              $(this).next('span').css('border', '1px solid red');
          }
      });
  });

jQuery如果输入值为1并且选择了输入

3 个答案: