-3

私は現在、このコードを使用して、ユーザーが選択したものに応じて入力ボックスを表示および非表示にします

<label class="title">Is the Primary Contact a Director of the corporation?</label>
<input type="radio"{if freeform:mp_data:type=="Yes"} checked="checked"{/if} name="type" id="primary_contact_director_1" value="Yes"> Yes</input><br>
<input type="radio"{if freeform:mp_data:type=="No"} checked="checked"{/if} name="type" id="primary_contact_director_2" value="No"> No</input><br><br>
<div id="Yes_box">

</div>
<div id="No_box">
<label class="title">Director's First Name:</label>
    <input type="text" name="director_first_name" class="form" value="{freeform:mp_data:director_first_name}">

<label class="title">Director's Last Name:</label>
    <input type="text" name="director_last_name" class="form" value="{freeform:mp_data:director_last_name}">

<label class="title">Address:</label>
    <input type="text" name="director_address" class="form" value="{freeform:mp_data:director_address}">

<label class="title">City:</label>
    <input type="text" name="director_city" class="form" value="{freeform:mp_data:director_city}">

<label class="title">State:</label>
    <input type="text" name="director_state" class="form" value="{freeform:mp_data:director_state}">

<label class="title">Zip Code</label>
    <input type="text" name="director_zip_code" class="form" value="{freeform:mp_data:director_zip_code}">
</div>

<script>
$(document).ready(function(){
var myRadio = $('input[name=type]');
var checkedValue = myRadio.filter(':checked').val();
if(checkedValue=='No'){
    $('#No_box').show();
}else{
    $('#No_box').hide();
}
$('#Yes_box_two').hide();

});
</script>

ただし、結果を表示するには名前フィールドが必要なので、input [name = type]を変更して、名前ではなくIDを呼び出すようにします。

4

2 に答える 2

0

だから変える

var myRadio = $('input[name=type]');

に

var myRadio = $('input[id=type]');

また

var myRadio = $('input#type');
于 2012-12-07T17:14:28.527 に答える
0

私はあなたが混乱していると思います、あなたの次の行：

var myRadio = $('input[name=type]');

意味をなすために、実際には次のようにする必要があります。

var myRadio = $('input[type=radio]');
于 2012-12-07T17:14:48.000 に答える