jquery - 用于切换表中所有行的下拉列表是/否值的 jQuery 按钮

Question

我有一个表，它的每一行都有一个（是/否）下拉菜单，我想使用一个按钮使用 jQuery 将下拉菜单的值更改为是。这就是我正在尝试的： HTML：

<select name="activeFlag">
    <option value="true">Yes</option>
    <option value="false">No</option>
</select> 
<br />
<input type="button" value="Activate All" id="activateAllButton">

jQuery：

$(document).ready(
        function()
        {
            jQuery('#activateAllButton').button();
            $('#activateAllButton').click(
            function() 
            {
                $('select>option:eq(0)').attr('selected', true);
            });
        });

任何帮助，将不胜感激。

Answer 1

只需制作点击处理程序：

$('#activateAllButton').click(function() {
    $('select').val('true');
});

jsFiddle 示例

Answer 2

而不是.attr()，使用.prop().

$(document).ready(
        function()
        {
            jQuery('#activateAllButton').button();
            $('#activateAllButton').click(
            function() 
            {
                $('select>option:eq(0)').prop('selected', true);
            });
        });

演示：http: //jsfiddle.net/dirtyd77/UKKKR/1/

Answer 3

让我知道此代码是否适合您

$("#activateAllButton").click(function () {
    $("#myTable td select[name='activeFlag']").val('True');
});

jsFiddle

Answer 4

其他 2 个答案都是正确的，但我只是想展示一个使用缓存的更高效的版本：

$(document).ready(function ()
{
    var $buttons = $('#activateAllButton'),
        $select = $('select');

    $buttons.button().on('click', function () 
    {
        $select.val('true');
    });
});

请参阅工作 jsFiddle 演示