显示所选的单选按钮并隐藏所有其他

问题描述：

我想让所选的单选按钮隐藏所有未选中的单选按钮？我想的方法是首先获取选定的单选按钮，然后取消选择其他每个按钮的ID。但除此之外还有其他方法吗？（我想获取每个ID和取消选择是有点麻烦）显示所选的单选按钮并隐藏所有其他

这里是我的html

<form> 
     <group class="inline-radio"> 
     <div> 
      <input id="opt1" type="radio" name="title"> 
      <label>opt1</label> 
     </div> 
     <div> 
      <input id="opt2" type="radio" name="title" checked> 
      <label>opt2</label> 
     </div> 
     <div> 
      <input id="opt3" type="radio" name="title"> 
      <label>opt3</label> 
     </div> 
     <div> 
      <input id="opt4" type="radio" name="title"> 
      <label>opt4</label> 
     </div> 
     <div> 
      <input id="opt5" type="radio" name="title"> 
      <label>others</label> 
     </div> 
     </group> 

</form>

该项目是codepen http://codepen.io/flyingboy007/pen/ojoVWe

您的使用者应该改变自己在这种情况下选择的选项？另外，请在你的问题中发布你的JavaScript（和你的[MCVE]）*这里*;不要指望人们为了帮助你而喜欢互联网。顺便说一句，没有''元素;您可能正在考虑 - 或者有意使用 - ['

']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset）。此外，“”意味着与给定的“”（etc）元素相关联，无论该元素是嵌套在“”中还是由“for”属性标识。 –

我没有它..我只需要一些建议基于提供的HTML。所以我可以写jQuery的一部分 – Abhilash

然后我认为你有网站倒退;你应该尝试实施一个解决方案，然后*然后*寻求帮助，如果试图解决方案不起作用或以某种方式失败（解释它*应该*做什么，它*不做*做什么等）。 –

答

你可以hi德使用未选择的收音机： -

$('input[type="radio"]').not(':checked').hide();

，您可以隐藏未选择的无线电标签的使用

$('input[type="radio"]').not(':checked').siblings('label').hide();

但应在标签上使用for。

编辑

更具体到该组，使用： -

$('group.inline-radio').find('input[type="radio"]').not(':checked').hide(); 

$('group.inline-radio').find('input[type="radio"]').not(':checked').siblings('label').hide();

或链状的无线电和标签

$('group.inline-radio').find('input[type="radio"]').not(':checked').hide().siblings('label').hide();

谢谢..确切地说，我在找什么.. – Abhilash

只是一个快速的疑问..我希望所选的单选按钮浮动到左侧（在第一个单选按钮的位置），同时隐藏其他人。有没有任何jQuery的方法可用于？ – Abhilash

使用css - float：left;在输入/标签周围的容器div具有使它们不会离开的宽度。在标签上设置宽度而不是容器。 – BenG

答

尝试：

$('input ').on('click',function(){ 
    $('input').not($(this)).hide(); 
});

在点击全选输入除选定的一个并隐藏tham

请花时间来解释这是如何工作的，以便OP和未来的访问者可能能够从中学到一些有用的东西。 –

显示所选的单选按钮并隐藏所有其他

相关推荐