Question

我在打开的表单中有多个文本框，其中加载了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>

我正在尝试在表单之外创建一个最初已检查的复选框。取消选中后，所有的工具栏都会消失，只显示纯文本区域，反之亦然。

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

<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工具栏的可见性并带有复选框吗？

Answer 1

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

jQuery .change()事件

$("#mceCheck").change(function(e) {
    //Do something here
    if($(this).is(':checked'))
    {
      //Do something when the checkbox is checked
    }
    else
    {
      //Unchecked case
    }
});

使用多个ID的复选框动态切换tinymce工具栏？

1 个答案: