0

我在一个表单中有多个文本框，这些文本框打开时加载了 tinymce 工具栏。以下是一些文本区域'

<p id="rsvpInfo" style="display:none;"><label class="leftLabel">RSVP Info</label><textarea name="rsvp_info" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>



<p id="abstract" style="display:none;"><label class="leftLabel">Abstract</label><textarea name="abstract" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>

我正在尝试在最初选中的表单之外制作一个复选框。一旦我取消选中它，所有 tinmcy 工具栏都会消失，只显示纯文本区域，反之亦然。

我决定使用以下代码（在表单之外）来实现我的想法，但似乎我做错了什么，因为在选中/取消选中复选框时没有任何反应。

<script>
    var id = 'speakerInfo';
    var id1= 'rsvpInfo';
    var id2= 'abstract';
    var id3= 'speakerBios';

    if($("#mceCheck".is(':checked'))
    {
        tinymce.execCommand('mceAddControl',false, id);
        tinymce.execCommand('mceAddControl',false, id1);
        tinymce.execCommand('mceAddControl',false, id2);
        tinymce.execCommand('mceAddControl',false, id3);
    }
    else
    {
        tinymce.execCommand('mceRemoveControl',false, id);
        tinymce.execCommand('mceRemoveControl',false, id1);
        tinymce.execCommand('mceRemoveControl',false, id2);
        tinymce.execCommand('mceRemoveControl',false, id3);
    }
</script>

这是复选框的代码：

 <form>
        <input type="checkbox" name="mce" value="1" id="mceCheck" checked> tinyMCE toolbar toggle checkbox
    </form>

有人可以用 jquery 帮助我用复选框动态更改 tinyMCE 工具栏的可见性吗？

4

1 回答 1

0

它不起作用，因为您没有处理复选框更改事件。

jQuery .change()事件

$("#mceCheck").change(function(e) {
    //Do something here
    if($(this).is(':checked'))
    {
      //Do something when the checkbox is checked
    }
    else
    {
      //Unchecked case
    }
});
于 2013-10-23T17:47:02.977 回答