复选标签上的复选框在更改事件之前单击

时间:2017-10-29 06:10:29

标签: jquery html fancybox fancybox-3

在我的下面的代码中,我想要的是当我点击 label 时,只有新的dialog应该打开,当我select option为真时,它应该自动检查checkbox

问题是当我点击checkbox label时,它会在dialog打开之前检查它。

codepin

jQuery代码

this.get = function(t) {
$.fancybox.open([
    {
      src:
        '<div class="col-md-3"><div class="checkbox checkbox-success"><select onchange="\'' +
        $(t)
          .find("input#checkbox1")
          .attr("checked", true) +
        '\'"><option value="Unclassified">False</option><option value="">true</option></select></div></div>',
      type: "html",
      smallBtn: true
    }
  ]);
};

这是我的html coode

<div class="col-md-3">
  <div class="checkbox checkbox-success" onclick="get(this);">
    <input id="checkbox1" type="checkbox" class="styled" value="" onclick="">
    <label for="checkbox1"><a data-fancybox-next class="button-next" href="#">Test</a></label>
  </div>

0 个答案:

没有答案