复选框与单选框的判断

我们平时看到的复选框都是根据自己的需求一个一个的去点击,虽然这样方便个人根据意愿去选择,但是如果碰到太多的复选框,一个一个的去选中,就会显得太麻烦,不利于操作,所以下面我们来讲解一下复选框的高级操作,即全选、全反选和全不选的判断,然后再简单讲解一下单选框的点击返回值。
首先看效果截图:
当点击全选按钮时的效果:
复选框与单选框的判断
当点击全不选按钮时的效果:
复选框与单选框的判断
当点击反选按钮时的效果:
复选框与单选框的判断
当选中任意单选框时,点击弹出单选框按钮值的按钮时,也是会弹出指定的值的。
复选框与单选框的判断
在效果图中我们可以看到,每个复选框下面都是可以通过全选、全不选、反选按钮点击,然后起到不一样的效果,单选框也一样,下面请看代码截图:
复选框与单选框的判断
复选框与单选框的判断
看完以上代码,我们不难看出,在定义好复选框之后,就要给复选框,即input标签设定一个name值,然后再设定一个唯一的id,接着定义好按钮事件给script里面的代码调用。单选框的调用事件也是一样。
以上代码在JavaScript里可以用,在C# ASP.Net里面也同样可以使用,只需注意代码的编写规范和正确使用。