用單選按鈕顯示/隱藏tinymce

Question

我嘗試用radobutton顯示/隱藏tinymce。像是/否。所以有兩個單選按鈕。是的 - 會顯示微小的mce，否則會隱藏tinymce。

我有這樣的：

出微小的MCE：

<div class="form-group"> 
    @Html.Label(Resources.Entity.Product.PdfMessage, new { @class = "text-bold control-label col-md-2" }) 
    <div class="col-lg-6 col-md-8 col-sm-10 "> 
     @Html.EditorFor(model => mailModel.PdfMessage, new { htmlAttributes = new { @class = "form-control tiny-mce", data_lang = System.Globalization.CultureInfo.CurrentUICulture.Name, id = "tinyMCE" } }) 
     @Html.ValidationMessageFor(model => mailModel.PdfMessage) 
     @*@Html.TextArea("MailProductHandlers_message", mailModel.Message, new { @class = "form-control", @rows = 15 })*@ 
    </div> 
</div> 

這些都是我的單選按鈕：

<div class="form-group"> 
    @Html.Label(Resources.Entity.Product.GeneratePDF, new {@class = "text-bold control-label col-md-2" }) 
    <div class="col-lg-6 col-md-8 col-sm-10 "> 

     @Html.Label(Resources.Entity.Product.GeneratePDFYes) @Html.RadioButtonFor(model => model.IsChecked, "Yes", new { @checked = true, id = "radioButton" }) 
     @Html.Label(Resources.Entity.Product.GeneratePDFNo) @Html.RadioButtonFor(model => model.IsChecked, "No", new { @checked = true, id = "radioButton2" }) 

    </div> 
</div> 

，這是我的javascript：

<script> 
    $(document).ready(function() { 
     $("input[Id='radioButton']").click(function() { 
      if ($(this).is(':checked')) { 
       $('#tiny-mce').show(); 
      } 
      else { 
       $('#tiny-mce').hide(); 
      } 
     }); 
    }); 
</script> 

如果我這樣做：$('#mceu_61').hide();它隱藏了編輯器。但是當我按是時，它顯示編輯器。但如果我然後按否，它不再隱藏。我有這樣的：

@Html.EditorFor(model => mailModel.PdfMessage, new { htmlAttributes = new { @class = "form-control tiny-mce", @id = "mceu_61", data_lang = System.Globalization.CultureInfo.CurrentUICulture.Name } }) 

Answer 1

你缺少id屬性的@symbol： 修改腳本，以及這樣的：

***編輯一些東西似乎離約的單選按鈕只有一個應進行檢查，他們應該有相同的名稱**

您可以通過方式使用＃來表示和ID jQuery的關閉，而不是看它的屬性

編輯我改變了周圍的幾件事情，我別 想你需要兩個獨立的ID我編組他們帶班，你應該能夠從類而不是兩個IDS

@Html.EditorFor(model => mailModel.PdfMessage, new { htmlAttributes = new { @class = "form-control tiny-mce", @id = "tinyMCE", @data_lang = System.Globalization.CultureInfo.CurrentUICulture.Name } }) 


@Html.RadioButtonFor(model => model.IsChecked, "Yes", new { @checked = true, @class = "pdfchecker" }) 

// only one should be checked 
@Html.RadioButtonFor(model => model.IsChecked, "No", new { @checked = false, @class = "pdfchecker" }) 



<script> 
    // this is short hand for document ready 
    $(function() { 
     //# is to denote an ID, . is to denote a class in jQuery the change function is hit when a radio button is change check the name to make sure they are apart of the same grouping 
     $(".pdfchecker").change(function() { 
      if ($(this).is(':checked')) { 
       $('#tiny-mce').show(); 
      } 
      else { 
       $('#tiny-mce').hide(); 
      } 
    }); 






</script>