Question

我有两个输入字段，它们的名称分别为“ From_1”和“ To_1”，我想在选中复选框时将其名称分别为“ From_1_Dis”和“ To_1_Dis”，而当我取消选中它们时，它们将再次返回“ From_1”和“ To_1”

我的html代码：

<div class="col-md-11" id="worktimeID">
<input type="text" name="From_1" class="time" placeholder="00:00" />
<input type="text" name="To_1" class="time" placeholder="00:00" />
 <input type="checkbox" id="checked" /><label>Day Off ?</label>
</div>

我的jquery代码：

$(this).closest("div").find(':text').prop('name',val().append('_Dis'),this.checked);

Answer 1

.append()用于附加到DOM元素。字符串连接是通过普通的JavaScript +运算符完成的。

val()用于获取输入值，而不是属性的旧值。而且，如果您想从调用.prop()的元素中获取信息，则需要向其传递一个函数。

$("#checked").click(function() {
    var checked = this.checked;
    $(this).closest("div").find(":text").prop('name', function() {
        if (checked) {
            return this.name + "_Dis";
        } else {
            return this.name.replace("_Dis", "");
        }
    });
});

我想在现有值上附加一个值

1 个答案: