这客户比较特殊，啥都得选中行能选中checkbox，并且未选中时按钮需要禁用。 可以理解代码比较简单，table代码：&div class="modal-header"&
&p class="modal-title"&Logout Warnning&/p&
&div class="modal-body"&
&p&Your have working order(s). if you logout the order(s) will be returned to the Pick Queue and all unconfirmed handling units will remove. Do you want to continue logout? &/p&
&table class="table"&
&input type="checkbox" name="checkedAll" [checked]="isAllChecked()" (change)="checkAll($event)"&
&th&Phase Code&/th&
&th&Delivery&/th&
&th&Product&/th&
&tr *ngFor="let task of this.releaseTasks.releaseTaskD"(click)="onModalSelectedRows(task)"
&input type="checkbox" [(ngModel)]="task.isChecked" name="checkedTask{{i}}" #checkedTask="ngModel"/&
{{task.phaseCode}}
{{task.saP_DeliveryOrder_ID}}
{{task.saP_ProductOrder_ID|removeLeadingZeros}}
&div class="modal-footer"&
&button type="button" class="btn btn-secondary" (click)="c('Yes')" [disabled]="!canRelease"&Release and logout&/button&
&button type="button" class="btn btn-primary" (click)="c('No')"&Logout only&/button&
&/div&后台ts代码 checkAll(ev: any) {
this.releaseTasks.releaseTaskDetails.forEach((x:any) =& x.isChecked = ev.target.checked)
isAllChecked() {
if(this.releaseTasks.releaseTaskDetails.length & 0 ){
return this.canRelease = this.releaseTasks.releaseTaskDetails.every((_:any) =& _.isChecked);
return false;
onModalSelectedRows(task: any) {
task.isChecked = !task.isChecked;
let len = 0;
this.releaseTasks.releaseTaskDetails.forEach((item: any) =& {
if(item.isChecked) {
if(len === 0) {
this.canRelease = false;
this.canRelease = true;
}后台的viewmodel代码public class ReleaseTaskViewModel {
public string Operator_ID {}
public int OperatorActivityId {}
public int DeliveryOrder_ID {}
public int ProductionOrder_ID {}
public string SAP_DeliveryOrder_ID {}
public string SAP_ProductOrder_ID {}
public string PhaseCode { }
public bool isChecked { }
public bool isPersistent { }
public int OrderId{}
public class ReleaseTask{
public ReleaseTask() {
this.ReleaseTaskDetails = new List&ReleaseTaskViewModel&();
public List&ReleaseTaskViewModel& ReleaseTaskDetails {}
}Controller 代码 var activityQuery = from op in _context.OperatorActivities
where op.Operator_ID == userName && !op.IsComplete && !op.IsReleased && !op.IsException
ReleaseTask relesaseTask = new ReleaseTask();
if(activityQuery.Any()){
foreach (var activity in activityQuery)
ReleaseTaskViewModel taskDetail = new ReleaseTaskViewModel();
taskDetail.SAP_DeliveryOrder_ID = getOrderById(activity.DeliveryOrder_ID);
taskDetail.SAP_ProductOrder_ID = getProductOrderById(activity.ProductionOrder_ID);
taskDetail.PhaseCode = activity.ActivityC
taskDetail.isChecked =
taskDetail.OperatorActivityId = activity.OperatorActivity_ID;
taskDetail.DeliveryOrder_ID = activity.DeliveryOrder_ID;
taskDetail.ProductionOrder_ID = activity.ProductionOrder_ID;
taskDetail.Operator_ID = activity.Operator_ID;
taskDetail.OrderId = activity.ActivityCode == "MAKE" ? activity.ProductionOrder_ID : activity.DeliveryOrder_ID;
taskDetail.isPersistent = isPersistent(activity.ProductionOrder_ID);
if(!taskDetail.isPersistent) {
relesaseTask.ReleaseTaskDetails.Add(taskDetail);
return(Ok(new { success = true, data = relesaseTask}));代码还是比较臭，还是得加强啊。
angular 实现全选、反选、个别选择的实现
利用angular 的双向数据绑定、ng-model、ng-check、ng-click 属性，实现全选、反选、个别选择的功能，看别人写的好复杂，自己写了个，感觉比较简单实用
一、要点：
如上所示...
Angular4_Checkbox多选框选中事件,与其他组件交互
Angular4_Checkbox多选框选中事件,与其他组件交互
Angular4_checkbox双向绑定
Angular4_checkbox双向绑定
angular中的input[checkbox]
绑定的数据
name (optional)
angular 对checkbox选择框的操作实例
//这里有两个操作，一个是全选事件，一个是单选事件//初始数据格式$scope.pigdatalists = [{&id&:1,&checked&:false},{&id&:2,&checked&:f...
HTML端的关键代码
点击 &Check all& 选择所有的车。
当点击Check all按...
在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。
2.添加页面
meta charset=&utf-8&&
1、站在巨人的肩膀上，确定了bootstrap-select的插件样式。确定了primeNG的DropDwon的模型。
2、分析自己的下拉框的需求，一步一步实现。
先看下下拉框的最后样式：
场景：需要显示一组复选框,个数由js传递的数组决定，默认都是选中状态，我可以点击其中的复选框来改变某个值的状态。效果如下:
没有更多推荐了，为什么我这段js代码的全选事件只响应了一次_百度知道
为什么我这段js代码的全选事件只响应了一次
&SCRIPTLANGUAGE=&JavaScript&src=&http://code.jquery.com/jquery-1.9.1.js&&&/SCRIPT&&SCRIPTLANGUAGE=&JavaScript&&$(&document&).ready(function(){$(&#btn1&).click(function(){...
&SCRIPT LANGUAGE=&JavaScript& src=&&&&/SCRIPT&
&SCRIPT LANGUAGE=&JavaScript&&
$(&document&).ready(function(){
$(&#btn1&).click(function(){
$(&[name='checkbox']&).attr(&checked&,'true');//全选
$(&#btn2&).click(function(){
$(&[name='checkbox']&).removeAttr(&checked&);//取消全选
$(&#btn3&).click(function(){
$(&[name='checkbox']:even&).attr(&checked&,'true');//选中所有奇数
$(&#btn4&).click(function(){
$(&[name='checkbox']&).each(function(){//反选if($(this).attr(&checked&))
$(this).removeAttr(&checked&);
$(this).attr(&checked&,'true');
$(&#btn5&).click(function(){
var str=&&;
$(&[name='checkbox'][checked]&).each(function(){
str+=$(this).val()+&\n&;
//alert($(this).val());
alert(str);
&/SCRIPT& &/HEAD& &BODY& &form name=&form1& method=&post& action=&&&
&input type=&button& id=&btn1& value=&全选&&
&input type=&button& id=&btn2& value=&取消全选&&
&input type=&button& id=&btn3& value=&选中所有奇数&&
&input type=&button& id=&btn4& value=&反选&&
&input type=&button& id=&btn5& value=&获得选中的所有值&&
&input type=&checkbox& name=&checkbox& value=&checkbox1&&
&input type=&checkbox& name=&checkbox& value=&checkbox2&&
&input type=&checkbox& name=&checkbox& value=&checkbox3&&
&input type=&checkbox& name=&checkbox& value=&checkbox4&&
&input type=&checkbox& name=&checkbox& value=&checkbox5&&
&input type=&checkbox& name=&checkbox& value=&checkbox6&&
&input type=&checkbox& name=&checkbox& value=&checkbox7&&
&input type=&checkbox& name=&checkbox& value=&checkbox8&& checkbox8 &/form&&/BODY&&/HTML&
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
采纳数：824
获赞数：3359
我看你用了jquery1.9.1。建议用prop属性prop修改dom属性。$(el).prop('checked', true); 等于el.checked =attr修改html标签的属性。$(el).prop('checked', true); 等于el.setAttribute('checked', 'checked');修改html标签的属性时有的属性不能呈现在浏览器上。&&$(&document&).ready(function&()&{&&&&&&$(&#btn1&).click(function&()&{&&&&&&&&&&$(&[name='checkbox']&).prop(&checked&,&true);&//全选&&&&&&})&&&&&&$(&#btn2&).click(function&()&{&&&&&&&&&&$(&[name='checkbox']&).prop(&checked&,&false);&//取消全选&&&&&&})&&&&&&$(&#btn3&).click(function&()&{&&&&&&&&&&$(&[name='checkbox']:even&).prop(&checked&,&true);&//选中所有奇数&&&&&&})&&&&&&$(&#btn4&).click(function&()&{&&&&&&&&&&$(&[name='checkbox']&).each(function&()&{&//反选&&&&&&&&&&&&&&if&($(this).prop(&checked&))&{&&&&&&&&&&&&&&&&&&$(this).prop(&checked&,&false);&&&&&&&&&&&&&&}&else&{&&&&&&&&&&&&&&&&&&$(this).prop(&checked&,&true);&&&&&&&&&&&&&&}&&&&&&&&&&})&&&&&&})&&&&&&$(&#btn5&).click(function&()&{&&&&&&&&&&var&str&=&&&;&&&&&&&&&&//&使用:checked选择器&&&&&&&&&&$(&[name='checkbox']:checked&).each(function&()&{&&&&&&&&&&&&&&str&+=&$(this).val()&+&&\n&;&&&&&&&&&&&&&&//alert($(this).val());&&&&&&&&&&})&&&&&&&&&&alert(str);&&&&&&})&&})
原来这样啊，我先试试。prop这个属性我没用过，一般都用的attr。网上搜的答案也是用attr 一运行就出现你说的，不能呈现在浏览器上。
liwenkai2002
liwenkai2002
采纳数：159
获赞数：130
只执行一次？你点一下 执行一次吧。
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。怎么用jquery通过点击全选按钮实现全选 全不选_百度知道
怎么用jquery通过点击全选按钮实现全选 全不选
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
西窗夜雨潇湘
来自百度知道认证团队
西窗夜雨潇湘
采纳数：188
获赞数：1357
擅长：暂未定制
HTML代码：&table&&tr&&td&&input type=&checkbox& name=&b&&全选&/td&&td&内容&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选1&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选2&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选3&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选4&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选5&/td&&/tr&&tr&&td&&input type=&checkbox& name=&a&&&/td&&td&复选6&/td&&/table&JAVASCRIPT代码：&script&$(&input[name='b']&).click(function(){//判断当前点击的复选框处于什么状态$(this).is(&:checked&) 返回的是布尔类型if($(this).is(&:checked&)){$(&input[name='a']&).prop(&checked&,true);}else{$(&input[name='a']&).prop(&checked&,false);}});&/script&3这样就实现了全选和全不选。
IT类认证行家
采纳数：33400
获赞数：21874
从事多年系统运维，喜欢编写各种小程序和脚本。
方法/步骤HTML代码：&table&
&td&&input type=&checkbox& name=&b&&全选&/td&&td&内容&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选1&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选2&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选3&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选4&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选5&/td&
&td&&input type=&checkbox& name=&a&&&/td&&td&复选6&/td&
&/tr& &/table&JAVASCRIPT代码：&script& $(&input[name='b']&).click(function(){
//判断当前点击的复选框处于什么状态$(this).is(&:checked&) 返回的是布尔类型
if($(this).is(&:checked&)){
$(&input[name='a']&).prop(&checked&,true);
$(&input[name='a']&).prop(&checked&,false);
} });&/script&3这样就实现了全选和全不选
本回答被网友采纳
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。该死的Checkbox啊，JS单选后全选失效怎么办？_百度知道
该死的Checkbox啊，JS单选后全选失效怎么办？
在IE下面没有这个问题，但是在FF和Chrome下，JavaScript控制，我设置点击一个置顶的checkbox，触发checkall函数，里面让下面的10个checkbox的attr('checked','true')，这样没有问题，...
在IE下面没有这个问题，但是在FF和Chrome下，JavaScript控制，我设置点击一个置顶的checkbox，触发checkall函数，里面让下面的10个checkbox的attr('checked','true')，这样没有问题，但是如果下面的checkbox任意一个被点击过，再触发checkall函数时，被点击过的checkbox就不会被选中，为啥？参考图如下：
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
yanzilisan183
来自电脑网络类芝麻团
yanzilisan183
采纳数：3941
获赞数：9966
参与团队：
遍历checkbox数组，直接将checked设置为true，不要用!checked。 &body&&form&&input type=&checkbox& name=&all& onclick=&javascript:for(var i=0;i&this.form.a1.i++)this.form.a1[i].checked=this.&&全选&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&input type=&checkbox& name=&a1&&&br&&/form&&/body&
采纳数：55
获赞数：67
楼上正解。
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Jquery复选框的全选全不选及选择所有复选框实现全选的复选框
&人参与 | 时间： |
jquery代码
$(function () {
$(":checkbox.parentfunc").click(function () {
//如何获取被点击的那个复选框
$(this).parent().parent().next().find(":checkbox").prop("checked", this.checked);
$(":checkbox:not(.parentfunc)").click(function () {
var td2 = $(this).parent().parent();
var count1 = td2.find(":checked"). //当前选中的数量
var count2 = td2.find(":checkbox").//当前这个td里面有多少个复选框
if (count1 == count2) {
td2.prev().find(":checkbox").prop("checked", true);
td2.prev().find(":checkbox").prop("checked", false);
&body style="font-size: 12"&
&div class="box"&
请编写javascript代码，完成如下功能要求：&br /&
1.选中第一列的功能大项后，自动选中该行第二列的所有功能小项。&br /&
2.当第二列功能小项没有全部选中时，该行第一列的复选款也要取消选中。&br /&
&span&提示：需要使用到额外的两个方法：parent()和find()。请查看帮助自学&/span&
&div class="box"&
&table id="table1" class="mytable"&
&input type="checkbox" id="chkpromote" class="parentfunc" /&图书管理
&input type="checkbox" id="checkbox1" /&新增图书管理
&/span&&span&
&input type="checkbox" id="checkbox2" /&修改图书管理
&/span&&span&
&input type="checkbox" id="checkbox3" /&删除图书管理
&input type="checkbox" id="checkbox4" class="parentfunc" /&会员管理
&input type="checkbox" id="checkbox5" /&新增会员管理
&/span&&span&
&input type="checkbox" id="checkbox6" /&修改会员管理
&/span&&span&
&input type="checkbox" id="checkbox7" /&删除会员管理
&input type="checkbox" id="checkbox8" class="parentfunc" /&系统设置
&input type="checkbox" id="checkbox9" /&管理员设置
&/span&&span&
&input type="checkbox" id="checkbox10" /&角色管理
&/span&&span&
&input type="checkbox" id="checkbox11" /&权限管理
&/div&&/body&
您可能感兴趣的文章:
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！
大家感兴趣的文章
Copyright (C) 2018&
保留所有权利. 粤ICP备号-1
联系邮箱：