2013-07-22 212 views
0

我有供用戶選擇的選項。點擊時這些選項會導致出現更多選項並顯示文本框。Jquery沒有按預期工作

我有一個問題,我認爲我已經掌握了一個部分。該代碼是所有其他選項的複製粘貼,但這個特定的一個不起作用。其他的工作很好。

這是代碼的一個片段:

if ($("#onlyother").is(":checked")) { 
    $("#counselorcomments").show("fast"); 
} else { 
    $("#counselorcomments").css("display", "none"); 
} 

上面那部分是一個應該檢查頁面加載如果選項(#onlyother)被檢查代碼段。

我已經爲我的所有選項實現了這種功能,除了這個之外,所有的工作都很好。

$(".action").click(function() { 
    if ($("#add").is(":checked")) { 
     $(".forms").show("fast"); 
    } else { 
     $(".forms").hide("fast"); 
    } 
    if ($("#onlyother").is(":checked")) { 
     $("#counselorcomments").show("fast"); 
    } else { 
     $("#counselorcomments").hide("fast"); 
    } 
}); 

這段代碼是我用來實際選擇的選項。 (這項工作符合市場預期。

<label class ="action"><input type="radio" name="action" value="Other" id="onlyother" <?php echo set_radio('action', 'Other'); ?>/><font color="#ff0000" size="2"><strong>Other</strong></font></label> 

這是導致問題的單選按鈕。

這是必須出現在包裝盒/消失

<textarea name="counselorcomments" rows="5" cols="40" id="counselorcomments" placeholder="Comments"><?php echo set_value('counselorcomments') ?></textarea> 

jsFiddle

+3

'我在沒有辦法流利的使用resource'的jsfiddle只是打字(或粘貼)的問題HTML和JS。你有什麼麻煩? – SLaks

+0

http://jsfiddle.net/WM4uJ/小提琴給定的信息 – Albzi

+0

@BeatAlex - 你忘了選擇左側的jQuery。 – tymeJV

回答

0

所以這是問題:

我有#addother和#onlyoth呃

兩集,如果被選中它,然後打開#counselorcomments

所以當一個人被選中(在#Onlyother)#addother被強迫#counselorcomments框,以保持關閉。

我所做的就是創建另一個文本區:

<textarea name="counselorcomments" rows="5" cols="40" id="emailcomments" placeholder="Emailed Counselor Comments"><?php echo set_value('counselorcomments') ?></textarea> 
<textarea name="counselorcomments" rows="5" cols="40" id="counselorcomments" placeholder="Counselor Comments"><?php echo set_value('counselorcomments') ?></textarea> 
0

我仍然不是100%肯定,你正在嘗試做的,但是這是否幫助? 您可以使用jQuery的事件監聽器

.change() 

http://jsfiddle.net/WM4uJ/2/