Javascript 如何使用JQuery在单击复选框按钮时启用和禁用按钮

我希望当选中单个复选框时，时间编辑和删除按钮处于启用状态，添加按钮处于禁用状态

当选中两个或多个复选框时，时间删除按钮为启用，添加和编辑按钮为禁用

我的Html代码：

    <div>
        <button type="button" id="btnAddID" name="btnAdd"> Add </button>
        <button type="button" id="btnEditID" name="btnEdit"> Edit </button>
        <button type="button" id="btnDeleteID" name="btnDelete"> Delete </button>
    </div>
    <br/>
    <div>
        <table>
            <thead>
                <tr>
                    <th></th>
                    <th>ID</th>
                    <th>Name</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>1</td>
                    <td>ABC</td>                        
                </tr>
                 <tr>
                    <td><input type="checkbox" /></td>
                    <td>2</td>
                    <td>XYZ</td>                        
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>3</td>
                    <td>PQR</td>                        
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>4</td>
                    <td>MLN</td>                        
                </tr>
            </tbody>
        </table>            
    </div>
</div>

添加
编辑
删去


身份证件
名称
1.
基础知识
2.
XYZ
3.
PQR
4.
MLN

我想这段代码正是您需要的

这是最简单的方法，但如果你愿意，你可以做得更好

$（文档）.ready（函数（）{
$（'input[type=checkbox]'）。更改（函数（）{
var计数=0；
$.each（$（'input[type=checkbox]'）、函数（）{
if（$（this）.prop（'checked'）==true）{
计数++；
}
});
如果（计数=1）{
$（'btnEditID'）.prop（'disabled'，false）；
$（'btnDeleteID'）.prop（'disabled'，false）；
$（'btnAddID'）.prop（'disabled'，true）；
}
否则{
$（'btnDeleteID'）.prop（'disabled'，false）；
$（'btnEditID'）.prop（'disabled'，true）；
$（'btnAddID'）.prop（'disabled'，true）；
}
});
});

添加
编辑
删去


身份证件
名称
1.
基础知识
2.
XYZ
3.
PQR
4.
MLN
试试这个：


$（'input[type=“checkbox”]”）。更改（函数（）{
var checked=$（'input[type=“checkbox”]：checked'）。长度；
如果（选中===0）{
$（“按钮”）.prop（'disabled'，false）；
}否则如果（选中===1）{
$（“按钮”）.prop（'disabled'，false）；
$（“#btnAddID”）.prop（'disabled'，true）；
}否则{
$（“#btnAddID，#btneddid”）.prop（'disabled'，true）；
}
});

添加
编辑
删去


身份证件
名称
1.
基础知识
2.
XYZ
3.
PQR
4.
MLN
展示你迄今为止所做的努力。@AnilRokad-你被困在哪里了？而且，不需要AJAX。这是一种不相关的技术，除非您正在向服务器发送信息，并且您的软件的行为依赖于此。提供的代码片段可能重复