jQuery单选按钮没有响应

Question

当用户单击Upload Prize单选按钮时,jQuery应显示#upload_prize_file_box输入.当用户单击" 提供访问"单选按钮时,应显示pa_block.

当我尝试使用下面的代码执行此操作时,页面不响应.

HTML:

<tr>
 <td id="optBox">
    <input name="opt-radio" type="radio" id="upload_prize" value="upload_prize" checked="checked" />
    <label for="upload_prize">Upload Prize</label>
    <input name="opt-radio" type="radio" id="provide_access" value="provide_access" />
    <label for="provide_access">Provide Access</label>
 </td>
</tr>
<tr>
 <td id="upload_prize_file_box" colspan="2" style="display:none;">
     <input type="file" name="upload_prize_file" id="upload_prize_file" />
 </td>
</tr>
<tr>
 <td height="160" colspan="2" id="pa_block" style="display:none;">
     <table width="100%" border="0">
     <tr>
       <td width="32%">URL</td>
       <td width="68%"><input type="text" name="pa_url" id="pa_url" /></td>
     </tr>
     <tr>
       <td>Username</td>
       <td><input type="text" name="pa_username" id="pa_username" /></td>
     </tr>
     <tr>
       <td>Password</td>
       <td><input type="text" name="pa_password" id="pa_password" /></td>
     </tr>
     <tr>
       <td>Is your prize attached to an affiliate program in Clickbank?</td>
       <td>
            <input type="radio" name="radio" id="pa_yes" value="pa_yes" />
            <label for="pa_yes">Yes</label>
            <input type="radio" name="radio" id="pa_no" value="pa_no" />
            <label for="pa_no">No</label>
       </td>
      </tr>
      <tr>
        <td colspan="2">
            <textarea name="pa_textarea" id="pa_textarea" cols="45" rows="5"></textarea>
        </td>
       </tr>
       <tr>
          <td height="29" colspan="2">Enter hoplink with our affiliate code, which is: iasst</td>
       </tr>
</table>
</td>

jQuery的:

$(document).ready(function() {
    if("#optBox input[type=radio]").click(function(){
        if($("input[type=radio]:checked","optBox").val()=='upload_prize'){
            $("#upload_prize_file_box").show();
            $("#pa_block").css('display','none');
        }
        if($("input[type=radio]:checked","optBox").val()=='provide_access'){
            $("#pa_block").show();
            $("#upload_prize_file_box").css('display','none');
        }
    });
});

http://jsfiddle.net/GSXQ5/

如何激活单选按钮？

Answer 1

在这里,我为你修好了:http://jsfiddle.net/GSXQ5/29/.

你错过了<table>标签和$符号几次; 在你的jQuery代码的第二行,你输入if而不是$.