隐藏/显示表TR - jQuery的

这是我的html：隐藏/显示表TR - jQuery的

<input id="source" type="radio" name="source" value="1" /> 
<input id="source" type="radio" name="source" value="2" checked="" /> 

<table id="dataList"> 
    <tr row='12'><td>this is row 12</td></tr> 
    <tr row='13'> 
    <td> 
     <input id="item" type="radio" name="item" value="1" /> 
     <input id="item" type="radio" name="item" value="2" /> 
    </td> 
    </tr> 
    <tr row='14'><td>this is row 14</td></tr> 
</table>

任何我的jquery：

jQuery(document).ready(function() { 
    jQuery('input[name=source]').click(function() { 
    if(jQuery('input[value=1]').is(':checked')) { 
     jQuery('#dataList tr[row=13]').show(); 

    } else if(jQuery('input[value=2]').is(':checked')) { 
     jQuery('#dataList tr[row=13]').hide(); 
    } 
    }) 
})

据称加载页面时，在TR行= '13 '将被隐藏，如果单选按钮id = source = value = 2被选中。但并不像预期那样发生。请帮帮我。

来源

2013-10-14 softboxkid

您的输入共享相同的ID，请记住ID必须是唯一的。 – tymeJV

编辑了一下你的代码只是为了修复标记错误http://jsbin.com/EXosEkA/1/edit然而，问题是什么？ –

发生了什么事？它似乎工作正常：http://jsfiddle.net/Eudft/ – wwwslinger

可以纳克jQuery(document).ready(function() {
既然你说“当加载页面”之后尝试
$('tr[row="13"]').hide();
。

来源

2013-10-14 01:54:09 Chaddoy

其实我已经解决了这个问题。但另一个问题来了..见http://jsfiddle.net/softboxkid/u3gus/4/当我点击单选按钮id =“item”，显示/隐藏单选按钮id =“源”不起作用。请帮我 – softboxkid

你可以改变你的目标。我不知道它叫什么，但是这个东西'$（'TARGET'）'。由于您有2个输入值为1. 请参阅以下 '' and '输入id =“item”type =“radio”name =“item”value =“1”/>'。它可能会导致命令被覆盖。 – Chaddoy

你可以改变你的目标。我不知道它叫什么，但是这个东西$（'TARGET'）。
既然你有2个输入的是具有1
的值参见下面，
<input id="source" type="radio" name="source" value="1" />
和
<input id="item" type="radio" name="item" value="1" />。
它可能会导致命令被覆盖。

来源

2013-10-14 02:07:24 Chaddoy

你能告诉我这个工作的例子吗？ – softboxkid

隐藏/显示表TR - jQuery的

回答

相关问题