Javascript 选中与输入字段位于同一行的复选框

Javascript 选中与输入字段位于同一行的复选框,javascript,jquery,html,Javascript,Jquery,Html,如果同一行中的select下拉列表中选择了某个内容,我想选中每个html行旁边的复选框。这是我的html代码和脚本。有人能指出出什么问题吗 <tr> <td>Sohail Abbasi</td> <td>N&amp;S</td> <td>1</td> <td>2013-01-03</td> <td>Thursday</td&

如果同一行中的select下拉列表中选择了某个内容,我想选中每个html行旁边的复选框。这是我的html代码和脚本。有人能指出出什么问题吗

<tr>
    <td>Sohail Abbasi</td>
    <td>N&amp;S</td>
    <td>1</td>
    <td>2013-01-03</td>
    <td>Thursday</td>
    <td>09:21</td>
    <td></td>
    <td>
    <select class="form-control" name="duty_status[3]">
        <option value="" selected="selected">Select...</option>
        <option value="2">Short Leave</option><option value="5">OD</option>
    </select>                            
    </td>
    <td><input class="form-control" name="user_comments[3]" type="text"></td>
    <td>
        <input name="submit[]" type="checkbox" value="3">                
    </td>
</tr>

苏海尔·阿巴斯
N&;s
1.
2013-01-03
星期四
09:21
选择。。。
短叶木
Javascript:

$('#SelectFilled').click(function($e)
{
    var elements=$('select[name^=duty_status]');
    var checkboxes=new Array();
    for (var i=0; i<elements.length; i++) {
        if(elements[i].value)
        {
            var parent=elements[i].parentNode.parentNode;
            checkboxes[checkboxes.length]=parent.lastChild.firstChild;
         }
    }
    for (var j=0; j<checkboxes.length; j++) {
        checkboxes[j].checked=true;
    }
});
$('#选择填充')。单击(函数($e)
{
变量元素=$('select[name^=duty_status]);
var复选框=新数组();

对于(var i=0;i,您必须使用以下内容:

$(function() {
    $('td > select').on('change', function() {
        var chk = $(this).closest('tr').find(':checkbox');
        chk.prop('checked', this.selectedIndex !== 0 );            
    })
    .change();
});

通过使用jQuery方法,您可以简化遍历代码并使其更易于阅读:

$('select[name^=duty_status]').each(function(){
   if( this.value === VALUE_I_WANT ){ /* not sure where this value comes from */
     $(this).closest('tr').find(':checkbox').prop('checked', true);
   } 
});

此代码基于触发它的现有单击处理程序。所讨论的目标不是很清楚,下面的代码应该可以工作:

$('select[name^=duty_status]').on('change', function(){
    if($(this).val() != ""){ //better put some value on the first option..
         $(this).parents("tr").find(":checkbox").prop('checked', true);
    }else{
         $(this).parents("tr").find(":checkbox").prop('checked', false);
    }
});

请再给我们举一些例子。我不太明白你想要什么。对不起。
#SelectFilled
?什么是
?谢谢!它起作用了:)我只想检查是否选择了有效的值。仅此而已