Question

我想在点击复选框时启用和禁用选择选项但它仅适用于单个值而不适用于每个数组值。

如果我使用id作为数组来获取select的值，它就不起作用

请更新我的代码或提供替代方法。我已经尝试过java脚本它也无法正常工作

 <script>

    var update_courier = function () {
        if ($("#checkbox").is(":checked")) {
            $('#courier').prop('disabled', false);
        }
        else {
            $('#courier').prop('disabled', 'disabled');
        }
    };

    $(update_courier);
    $("#checkbox").change(update_courier);
    </script>
    <div class="conatiner">
        <div class="col-sm-3 col-sm-offset-3" style="margin-top: -35%;">
        <form action="<?php echo site_url('invoice/invoidlist');  ?>" method="POST">
        <table class="table table-bordered">
        <?php foreach($details as $detail):?>

            <tr>
            <td><input id="checkbox" type="checkbox"  value="<?php echo $detail['OrderId'];?>"  name="checkbox">

                <td>
                    <?= $detail['OrderId']?>
                    </td>
                <td>
                    <?= $detail['CustomerName']?>
                    </td>
                    <td>
                    <?=$detail['Address']?>
                    </td>
                    <td>
                    <?=$detail['ZipCode']?>
                    </td>
                    <td>
                    <?=$detail['FinanicalStatus']?>
                    </td>
                    <td>
                    <?=$detail['Payment']?>
                    </td>
                <td>
                <select id="courier">
                <option>(choose one)</option>
        <option value='1'>Bluedart</option>
            <option value='2'>Delhivery</option>
            <option value='3'>DTDC</option>
            <option value='4'>IndiaPost</option>
    </select>

            </td>
                </tr>

            <?php endforeach; ?>
        </table>

    </div>
    <input type="submit" name="submit" value="submit" style="margin-left: 30%;">
    </form>
    </div>
    </div>

Answer 1

DEMO - 在此处给出的演示中创建了静态table

而不是id上的checkbox使用class作为ID <{1>} 中的unique，然后你可以写一个HTML DOM事件发送到click并启用或停用与其checkbox对应的select元素，如下所示

row

此处$(".chkSelect").on('click',function(){ $(this).closest('tr').find('.courier').prop('disabled',$(this).is(":checked")) });是.chkSelect的课程，checkbox是.courier的课程

select的更新php如下：

table

JQUERY代码不适用于数组

1 个答案: