JQUERY中如何隐藏部分RADIO?

用JQUERY对RADIO做特效,
<input type="radio" name="n1" id="d1">
<input type="radio" name="n2" id="d2">
...
...
<input type="radio" name="n150" id="d150">
一共有150个RADIO,我想隐藏其中的140个,只显示其中的10个,
可我只会用jQuery(...).hide();
如果要把140个的NAME或ID一个个写进去,那要累死了,
有没有什么方法可以反过来写,写成除了特殊指定的10个,其它就都隐藏。

千万注意:不要CLICK,我不是要点击RADIO按钮后才隐藏或显示,
我要的效果是在页面加载后或刷新后,那140个就自动隐藏,那10个就显示
还有就是一定要是JQUERY的

请大家帮忙看看怎么写好呢
特殊指定的10个就是指id="d51", id="d65", id="d69",id="d81" ...... 的那10个,没有规则的,就是我选定id的那10个。

我不要鼠标悬停之类的,我所要的是,页面刚加载后,让那140个RADIO自动隐藏着,10个显示着。

我现在只想到一个笨办法,就是一个一个写,用jQuery(根据RADIO的ID号).hide();
这样的话,要写140个
最新回答
看见你我胃疼°

2024-10-17 11:02:14

不太明确LZ的特殊指定规则,否则可以写个实例。
以下提供方案
方案一:能否一次把不符合特殊规则的140个RADIO用jQuery选择规则选择出来,调用hide方法。
方案二:jQuery选择全部150个,调用each方便,逐个检测是否符合特定规则,不符合规则就调用hide方法。

希望有所帮助,谢谢!
灬夏伤

2024-10-17 09:40:21

一开始先把150个全部隐藏,然后在指定10个显示不就可以了.
jQuery().hide()// 隐藏
jQuery(..).show();// 显示

一开始全部隐藏的方法:
给所有的单选框加上样式 style="display:none"
或者用jQuery(":radio").hide();
深秋叶落黄

2024-10-17 08:58:50

<input type="radio" />
<input type="radio" />
<input type="radio" />
<input type="radio" />
<input type="radio" class="show" />
<input type="radio" />
<script type="text/javascript">
$("input[type='radio']").hide();
$(".show").show();
</script>
好好看看 JQUERY基础 尤其是选择器
追问
问题很漂亮解决了,可是我把用户名给看错了,分割线好像有点乱啊
为了方便以后的人看,我在这里补充一下吧
还要感谢 zcz3141 和 lichengshengko,答案都是正确的
人生如梦梦如烟

2024-10-17 09:10:44

JQurey中有一种效果是把鼠标移到对应位置就可以显示,好像是ONMOUSER什么的,你可以试试这种方法。暂时还没有想到更好,想到了再告诉你!
﹛理葙﹜忄青λ

2024-10-17 09:58:32

貌似有种东西叫函数。
你写个方法做这个事不行么?