Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改所有下拉选项';选中复选框时的值_Javascript_Jquery - Fatal编程技术网

Javascript 更改所有下拉选项';选中复选框时的值

Javascript 更改所有下拉选项';选中复选框时的值,javascript,jquery,Javascript,Jquery,我想知道当我选中复选框(全选)时,是否可以强制所有下拉列表选择“Y” 如果未选中,所有下拉列表将被迫选择“N” 非常感谢 var check=$('#check'); check.onclick(函数(){ $('.option')=“Y”; }) 全选 Y N Y N 将公共类添加到所有选项中,然后选择并将值添加到选项中。选中复选框时触发一个函数,该复选框将选择所有Y选项。使用jquery“prop”方法添加属性 功能选择全部(元素){ if($(elem).prop('checked'

我想知道当我选中复选框(全选)时,是否可以强制所有下拉列表选择“Y” 如果未选中,所有下拉列表将被迫选择“N”

非常感谢

var check=$('#check');
check.onclick(函数(){
$('.option')=“Y”;
})

全选
Y
N
Y
N

将公共类添加到所有
选项中,然后选择
并将值添加到
选项中。选中复选框时触发一个函数,该复选框将选择所有
Y
选项。使用jquery“prop”方法添加属性

功能选择全部(元素){
if($(elem).prop('checked')){
$('.selOptions选项[value=Y]').prop('selected',true);
}否则{
$('.selOptions选项[value=N]').prop('selected',true);
}
}

全选
Y
N
Y
N
使用vainilla JS

<table>
    <th>
        select all <input id="selectAll" type="checkbox" />
    </th>
    <tr>
        <td>
            <select>
                <option>Y</option>
                <option>N</option>
            </select>
        </td>
    </tr>

    <tr>
        <td>
            <select>
                <option>Y</option>
                <option>N</option>
            </select>
        </td>
    </tr>
</table>


<script>
var selectAll = document.getElementById('selectAll');
var options = document.getElementsByTagName('select');

selectAll.addEventListener( 'change', function() {
    if(this.checked) {
        for(var i=0; i < options.length; i++) {
            options[i].selectedIndex = 0;
        }
    }
});
</script>

全选
Y
N
Y
N
var selectAll=document.getElementById('selectAll');
var options=document.getElementsByTagName('select');
selectAll.addEventListener('change',function(){
如果(选中此项){
对于(变量i=0;i
  • 首先确定复选框何时被选中。
    • $('#check').on('change',function(){if($(this).is(':checked')){…
  • 然后,您可以使用基于
    选项
    文本内容的选择器(您没有应该使用的
    属性,但它仍然可以正常工作。)

    • $(“选项:包含(Y)”)。
  • 然后使用
    .prop()
    方法以编程方式更改它的
    选中状态

    • .prop('selected',true);
  • 演示
    $('#check')。在('change',function()上{
    如果($(this).is(':checked')){
    $('option:contains(Y)').prop('selected',true);
    }否则{
    $('option:contains(N)').prop('selected',true);
    }
    });
    
    全选
    --
    Y
    N
    --
    Y
    N
    
    编写一个脚本,然后单击时,更改所有下拉列表,酷吧?那么,脚本在哪里?答案是肯定的。到目前为止,您尝试过任何东西吗?StackOverflow不是免费的代码编写服务,希望您能这样做。请更新您的问题以显示您已经尝试过的内容,展示您在.one iss中面临的具体问题ue,当取消选中该框时,选项是否可以选择为“N”谢谢,只需再问一个问题,sorri,我原来的计算功能在添加yr功能后无法工作。已更新问题,请看,thanks@tam这个代码段完全独立于您的代码
    从两个位置调用是的,它在两个位置调用,因为我希望在付款状态更改(例如从N到Y)时立即更改拖欠的付款金额现在,当选择“全部”为“Y”时,欠款金额不会立即更改。从数据库中,我可以看到所有Y都已保存,因此只有我再次进入页面,它才会在付款后显示正确的欠款金额。当全部选择下拉选项时,是否有任何方法可以触发更改?详细说明和解释哦,竖起大拇指!!