我正在尝试这段代码:
<script type="text/javascript">
$(document).ready(function () {
$('#individual,#company').hide();
$('input[name=radios]:radio:checked').change(function() {
$('#individual').toggle(this.selectedIndex === 0);
$('#company').toggle(this.selectedIndex === 1);
});
});
</script>
<div class="radio-toolbar">
<input type="radio" name="radios">
<input type="radio" name="radios">
</div>
<div id="x">
<form method="post" id="customForm" action="">
<div id="individual">
<input name="individual" type="text" />
</div>
<div id="company">
<input name="company" type="text" />
</div>
</form>
</div>
基本上我只想显示一个输入字段。如果我选择第一个单选 btn,那么我想显示 div 个体。如果我选择第二个 radio ,应该显示公司内容。
谢谢
演示 here
最佳答案
我会重写脚本,以便 radio 具有不同的值,并使用该值作为触发器,而不是 === 0/1 结构。
<script type="text/javascript">
$(document).ready(function () {
$('#individual,#company').hide();
$("input[name='radios']").change(function() {
switch ($(this).val()) {
case 'ind':
$('#individual').show();
$('#company').hide();
break;
case 'comp':
$('#individual').hide();
$('#company').show();
break;
}
});
});
</script>
<div class="radio-toolbar">
<input type="radio" name="radios" value="ind">
<input type="radio" name="radios" value="comp">
</div>
<div id="x">
<form method="post" id="customForm" action="">
<div id="individual">
<input name="individual" type="text" />
</div>
<div id="company">
<input name="company" type="text" />
</div>
</form>
</div>
关于javascript - 切换输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8041616/