Question

当我点击现有复选框中的选项时，我正在使用jquery添加新复选框。

接下来我在这个复选框中添加一个id，我希望通过一个新的jquery来获取它的值。

我目前的HTML代码是：

<div id="div_id_diag-diagnosis_option" class="form-group">
    <label for="id_diag-diagnosis_option_0" class="control-label col-md-3 requiredField">Option<span class="asteriskField">*</span> </label>
    <div class="controls col-md-8">
        <label class="checkbox">
            <input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_1" value="b">b</label>
        <label class="checkbox">
            <input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_2" value="a">a</label>
        <label class="checkbox">
            <input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_3" value="c">c</label>
    </div>
</div>

添加复选框的jquery是：

$("input[name='diag-diagnosis_option']").change(function() {
    var $this = $(this);
    if ($this.prop('checked')) {
        var option = $(this).val();
        alert(option);
        $(this).parent().append("<a href='#'>here</a>");
    } else if ($this.siblings('a').length) {
        $this.siblings('a').remove();
    }
});

获取新复选框值的jquery是下面的那个，但它不起作用：

$('#extended').change(function() {
    var option = $(this).val();
    alert(option);
});

您可以对其进行测试here。

你能帮我吗？

Answer 1

$(document).on('change','#extended',function () {
        var option = $(this).val();
        alert(option);
    });

使用.on()，因为您要动态添加

描述：将一个或多个事件的事件处理函数附加到所选元素。

demo docu

Jquery：如何从新复选框获取价值

1 个答案: