0

我有供用户选择的选项。单击这些选项会导致出现更多选项和文本框。

我认为我已经掌握的一个部分有问题。该代码是所有其他选项的复制粘贴,但这个特定的选项不起作用。其他的工作得很好。

这是代码片段:

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

4

2 回答 2

0

我仍然不能 100% 确定,您要做什么,但这有帮助吗?你可以使用 jQuery 的事件监听器

.change()

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

于 2013-07-22T14:27:31.900 回答
0

所以这就是问题所在:

我有#addother 和#onlyother

两者都设置为如果选中则打开#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>
于 2013-07-22T14:13:20.443 回答