Question

我有两个radiobuttons。当你进入页面时，会检查第一个。然后可以看到该单选按钮下方的第一个列表（黑色文本颜色）。第二个列表和第二个radiobutton的文本是灰色的。

当用户检查第二个radiobutton时，必须显示2个列表（均为黑色文本颜色）。而radiobutton 1文本必须是灰色的。

当用户从2切换回1时，请参见上面......： - ）

我希望有人可以帮我这个吗？：）

HTML ：

 <div id="order-number">
      <div class="split"><input type="radio" name="number" value="5" checked>text</div>
      <div class="split"><input type="radio" name="number" value="10">text</div>
 </div>

 <div id="order-list">
      <ul>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
      </ul>

      <ul>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
      </ul>
 </div>

Answer 1

尝试

var $uls = $('#order-list > ul'), $chks = $('#order-number input:checkbox');
$chks.change(function(){
    var idx = $chks.index(this);
    $uls.eq(idx).css('opacity', this.checked ? 1 : .5)
}).change()

演示：Fiddle

检查jQuery复选框，然后检查ul的颜色变化

1 个答案: