jQuery查找具有相同名稱的所有元素作為選擇器

Question

我正在建立具有SELECT和少量輸入的表單。 它的一部分看起來像這樣（僅對於星期一示例，將有7天。）：

<div class="row">
    <div class="col-md-3">
        <div class="form-group mb-md">
            <input type="text" name="1[day]" class="form-control text-bold" value="Monday" readonly>
        </div>
    </div>
    <div class="col-md-1">
        <div class="form-group">
            <select class="form-control input-md mb-md" name="1[open]">
                <option value="1" selected>Open</option>
                <option value="0">Closed</option>
            </select>
        </div>
    </div>
    <!-- Working Hours -->
    <div class="col-md-2">
        <div class="form-group">
            <input type="text" class="form-control time" name="1[start]" value="08:00">
        </div>
    </div>
    <div class="col-md-2">
        <div class="form-group">
            <input type="text" class="form-control time" name="1[end]" value="22:00">
        </div>
    </div>

    <!-- Booking Hours -->
    <div class="col-md-2">
        <div class="form-group">
            <input type="text" class="form-control time" name="1[from]" value="08:00">
        </div>
    </div>
    <div class="col-md-2">
        <div class="form-group">
            <input type="text" class="form-control time" name="1[to]" value="22:00">
        </div>
    </div>
</div>

我想使具有相同名稱的時間字段以SELECT字段名稱開始的方式對SELECT更改作出反應。 如果value為0，則所有具有相同名稱的字段都將開始獲取屬性。

到目前為止，我已經實現了此功能，但是我不知道確定更改的字段名稱並相應地針對其他字段采取措施。

$("select[name$='[open]']").change(function() {
    if ($(this).val() == 0) {
        // Should disable all input fields with same name as SELECT
    } else if ($(this).val() == 1) {
        // Should enable all input fields with same name as SELECT
    }
});

Answer 1

不確定這是否是您要實現的目標。

請嘗試以下代碼。

$("select[name$='[open]']").change(function() {
    var num = $(this).attr("name").replace("[open]",''); 
    var elems = $( "input[name^='"+num+"']");
    if ($(this).val() == 0) {
        // Should disable all input fields with same name as SELECT
        elems.prop('disabled',true);
    } else if ($(this).val() == 1) {
        // Should enable all input fields with same name as SELECT
        elems.prop('disabled',false);
    }
});

在這里檢查工作提琴。