Question

我有一个html表，一列是复选框，另一列是select选项。选中该复选框后，我想在同一行中设置select选项以禁用，当取消选中该复选框时，请启用同一行中的select选项。 jsfiddle演示在这里，请帮忙 http://jsfiddle.net/9zyvfzgs/1/

$("table tr td:nth-child(3) input[type=checkbox]").click(function(){
    $("table tr td:nth-child(2)").prop('disabled', true);
});

Answer 1

试试这个：

casper.test.begin('sometest',function(){...})

JS

<table>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>
            <select>
                <option>item</option>
            </select>
        </td>
        <td>
            <select class="you-are-my-select">
                <option>item</option>
            </select>
        </td>
        <td>
            <select>
                <option>item</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>
            <select>
                <option>item</option>
            </select>
        </td>
        <td>
            <select class="you-are-my-select">
                <option>item</option>
            </select>
        </td>
    </tr>
</table>

jsfiddle链接已更新

DEMO

在表中选中复选框单元格时，使用jquery更改选择选项

1 个答案: