Question

我有动态表，我的一个列是两个单选按钮。我必须检查那两个的值，如果值id大于0，我有两个隐藏它们。我有一个问题，找到如何传递我在包含两个单选按钮的标签上设置的ID的方法。这是我的HTML代码：

<label id="hideRadio_5">
    <input type="radio" name="block" class="blockYes" id="block_1" value="2245"/>
    <span>Yes</span>
    <input type="radio" name="block" class="blockNo" id="block_2" value="2245"/>
    <span>No</span>
</label>

<label id="hideRadio_6">
    <input type="radio" name="block" class="blockYes" id="block_1" value="0"/>
    <span>Yes</span>
    <input type="radio" name="block" class="blockNo" id="block_2" value="0"/>
    <span>No</span>
</label>

这是mu JQuery代码：

$j( document ).ready(function() {
    /*$j('.blockYes').each(function() {
          if($j(this).val() > 0){
              $j('.hideRadio').hide();
          }
      });*/

      $j('input.blockYes[value="0"]').prop("checked", true);
      $j('input.blockNo[value="-1"]').prop("checked", true);
      $j('input.blockNo[value=""]').prop("checked", true);
});

我上面使用的JQuery工作正常，并根据值检查单选按钮，但隐藏标签的逻辑不起作用。问题是因为我在我的标签上使用了类，在这种情况下，所有单选按钮都被隐藏了。然后我切换到ID，现在我不知道如何从每个标签传递该ID并检查值。如果value大于0，我想隐藏该标签。如果有人可以帮助解决这个问题，请告诉我。感谢。

Answer 1

这样做

class List extends React.Component {

render(){
    return (
        <ul>
            {this.props.list.map(function(item){
                return (
                <li>
                    <ListItem key={item.id} item={item} />
                    <List list={item.children} />
                </li>
                );
            })}
        </ul>
    );
}

小提琴： Demo

如何在JQuery中隐藏基于id的元素？

1 个答案: