2013-03-12 2 views
0
<input type="radio" name="sex" value="Male">Male</input> 
<input type="radio" name="sex" value="Female">Female</input> 
<input type="radio" name="sex" value="Unknown">Unknown</input> 

<script> 
$('input:radio[name=sex]')[1].checked = true; 
</script> 

Это весь код, который я должен использовать. Я не могу манипулировать входными переключателями, потому что они обслуживаются сторонней системой. Мне нужно знать, как я могу написать jQuery, чтобы показать переключатель «Женщина», но скрывать переключатели «Мужской» и «Неизвестный» при загрузке страницы.Как скрыть и показать применить радиокнопку

+0

Будет ли значение 'value' всегда одинаковым? –

+2

Вы хотите скрыть только переключатели или текст рядом с ними? Кроме того, если вы хотите скрыть вещи, почему ваш код jQuery ссылается на 'checked'? – j08691

+1

Не следует открывать и закрывать теги ввода. Я знаю, что вы не можете контролировать HTML, но кто-то должен знать, что они делают это неправильно. – Blazemonger

ответ

0

Попробуйте либо один из них ...

<script> 
    $(function() { 
     $('input:radio[value=Male]').hide(); 
     $('input:radio[value=Unknown]').hide(); 
    }); 
</script> 

Они оба же - это просто зависит от того, что вы предпочитаете смотреть на

<script> 
    $(function() { 
     $('input:radio[value=Male], input:radio[value=Unknown]').hide(); 
    }); 
</script> 
+0

Благодарим вас за помощь. Ваши примеры удалили переключатель, который довольно крутой. Есть ли способ нацеливаться на часть innerHTML? – thedonlee

+0

Я также хотел бы скрыть слова 'Male' и 'Unknown' – thedonlee

+0

Не так, как вы его получили, так как вы не можете поместить текст внутри элементов 'input'. Он фактически отображает этот текст после элемента в браузере. Вам нужно будет приложить текст к элементу, чтобы скрыть его. – Archer

2

Использование:

$(function() { 
    $('input:radio[name=sex]:not([value=Female])').hide(); 
}); 
Смежные вопросы