基于带输入的触发器改变模态内容:收音机和复选框

时间:2016-06-23 13:15:37

标签: javascript jquery html asp.net twitter-bootstrap

我在这个项目中使用Net mvc4。我在我的javascript中遇到了问题 modal.find('modal-body input:radio[name=require_attachment][id=' + attachment+ ']').prop('checked', true);

它无法正常运作。我还尝试了jquery filter函数:

modal.find('modal-body input:radio[name=require_attachment]').filter(['value=' + attachment+ '']).prop('checked', true);

结果相同,不起作用。

在我的模式button中,在with.e.g上有数据*。 data-attachment,我想将其显示为广播checked,无论它返回到我的模态内容的值是多少。

<button type="button" class="btn btn-primary"
        data-toggle="modal"
        data-target="#Update_COA_Codes"
        data-code="@item.code"
        data-attachment="@item.require_attachment"             
        data-status="@item.status"
        data-description="@item.description">Edit</button>

在我的jquery脚本中:

$('#Update_COA_Codes').on('show.bs.modal', function (event) {   
  var button = $(event.relatedTarget)
  var attachment = button.data('attachment');
  //... other code here

  var modal = $(this);
  modal.find('modal-body input:radio[name= require_attachment]')
       .filter(['value=' + attachment + ''])
       .prop('checked', true);
});

HTML模态正文

<div class="row top-buffer">
  <div class="col-md-4">
    <label><span class="red">*</span>Needs Attachments?</label>
  </div>
  <div class="col-md-4">
    <input type="radio" name="require_attachment" value="true"> Yes
    <input type="radio" name="require_attachment" value="false"> No
  </div>
</div>

我不确定这是否是正确的做法。我愿意接受任何建议,谢谢。

0 个答案:

没有答案