jquery - チェックボックスからの値でTextAreaを更新します

Question

私はそういう見方をしています

@Html.Partial("_validationSummary")
 <div class="row-fluid">
    <div class ="span8 well">
        @using (Html.BeginForm("Send", "Message", FormMethod.Post) ) {
    <fieldset>
    <legend>Send SMS Message</legend>
      <div class="editor-label text-info">
       <small>Recipients phone numbers here.</small>
    </div>
    <div class="editor-field">
        @Html.TextAreaFor(model => model.MessageRecipients, new { @class = "span8", rows=3 })

    </div>

       <div class="editor-label text-info">
       <small>Select from your contact listings =>.</small>
    </div>
    <div class="editor-field">
        @Html.TextAreaFor(model => model.ContactRecipients, new { @class = "span8", rows=3, @readonly=true })
    </div>

     <div class="editor-label text-info">
       <small> Your Message Here:</small>
    </div>
    <div class="editor-field">
        @Html.TextAreaFor(model => model.Message, new { @class = "span8", rows = 5})

        <br />
        <span class="text-warning" id="char_count"></span><br />
    </div>

    <div class="editor-label text-info"><small>
      Send Message As:</small>
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.MessageSentAS)

    </div>
   <br />

    <p> <input type="submit" class="btn btn-primary btn-medium" Value="Send" name="Action" />
        <button role="button" class="btn btn-medium" data-target="#timeModal" data-toggle="modal">Send Later</button>
    </p>
</fieldset>
        } 
  </div>

 <div id="ContactList" class="span4 well" >
    <span class="label label-important">Select From Contact List</span>
    <hr />
   @* @Html.Partial("_ContactsForMessageViewPartial", Model)*@
        @Html.Action("RenderContacts");

    <hr />
    <div class="control-group">
        [@Html.ActionLink("Send Bulk SMS", "Send", "BulkMessaging")] &nbsp;[@Html.ActionLink("Add Contact", "AddContact", "Contact")]
    </div>


</div>

そして、子アクションから入力されたデータを含む部分ビュー

@model IEnumerable<TwiiterSample.Models.ViewModels.SMSContactView>

@if (Model != null && Model.Count() > 0)
{
foreach(var item in Model){
    <div class="checkbox multiple">

        @Html.CheckBox(item.ContactDetails, new {@class="check",     @value=@item.ContactDetails, id=@item.ContactDetails})
          @Html.Label(item.Name)
   @*<input type="checkbox" id="@item.Value"  value="@item.Value" @(item.Selected ?     "checked" : "") />@item.Text</label>*@
    </div>
}
}

これで、部分ビューにより、必要に応じてIDと値が入力されたチェックボックスのリストが生成されます。ただし、チェックボックスがテキスト領域にクリックされた場合、その値を追加したいと思います。これを実現するために、次のJQUERYスニペットを使用します

$('#ContactList .check').change(function ()
  {
      if ($(this).is(':checked'))
          $('#MessageRecipients').val($(this).val);

  });

しかし、チェックボックスをクリックしても何も起こりません。私は何が間違っているのですか

Answer 1

交換

$('#MessageRecipients').val($(this).val);

と

$('#MessageRecipients').val($(this).val());