anjularJS如何绑定CheckBox数组,选中的CheckBox的ID数组

anjularJS如何绑定CheckBox数组,选中的CheckBox的ID数组,第1张

<input type="checkbox" id={{tagid}} name="{{tagname}}" ng-checked="isSelected(tagid)" ng-click="updateSelection($event,tagid)">

存储了tag的id,name,利用isSelected(tagid)来判断是否被checked,点击时候调用updateSelection($event,tagid)方法;

如果想 ng-click 触发的函数里获取到该触发该函数的元素不能直接传入 this ,而需要传入 event。因为在Angularjs里面,这个地方的this是scope 。我们可以传入 event,然后在函数里面通过eventtarget 来获取到该元素。

angularjs怎么获得ng-model里的value下面一个例子:

姓名:<input type="text" ng-model="name">

<br>

性别:<input type="radio" name="sex" value="男" ng-model="sex">男

<input type="radio" name="sex" value="女" ng-model="sex">女

<br>

兴趣:<input type="checkbox" name="interest" ng-model="interest1" ng-true-value="游泳" ng-false-value="无选中兴趣1">游泳

<input type="checkbox" name="interest" ng-model="interest2" ng-true-value="旅游" ng-false-value="无选中兴趣2">旅游

<input type="checkbox" name="interest" ng-model="interest3" ng-true-value="打篮球" ng-false-value="无选中兴趣3">打篮球

<br><br>

<fieldset>

<legend>{{name}}的基本信息如下:</legend>

<br>

性别:{{sex}}

<br>

兴趣爱好:{{interest1}} {{interest2}} {{interest3}}

</fieldset>

AngularJS表达式:

1AngularJS 表达式写在双大括号内:{{ expression }}。

2AngularJS 表达式把数据绑定到 HTML,这与ng-bind指令有异曲同工之妙。

3AngularJS 将在表达式书写的位置"输出"数据。

4AngularJS 表达式很像JavaScript 表达式:它们可以包含文字、运算符和变量。

勾选时做某种算法

不勾选时 做另一种算法

if ( BST_CHECKED == IsDlgButtonChecked( IDC_CHECK1 ) )

{

// 勾选

}

else

{

}

IDC_CHECK1是CheckBox控件。

函数功能:该函数可以确定某个按钮控制是否有选中标志,或者三态按钮控制是否为灰色的、选中的、或两者都不是。

函数原型:UINT IsDlgButtonChecked(HWND hDlg,Int nlDBUtton);

参数:

hDlg:指向包含按钮控制的对话框。

nkDButtom:指定按钮控制的整型标识符。

返回值:使用BS_AUTOCHECKBOX、BS_AUTORADIOBUTTON、BS_AUTO3STATE、BS_CHECKBOX、BS_RADIOBUTION或BS_3STATE样式创建的按钮的返回值可以是如下值之一:

BST_CHECKED:表示按钮被选中。

BST_INDETERMINATE:表示按钮是灰色的,即为不确定状态(只有具有BS_3STATE或BS_AUTO3STATE样式的按钮才使用该值)。

BST_UNCHECKED:表示该按钮未选中(unckecked)。如果该按钮用其他任何样式,那么返回值为零。

也可以为该控件添加一个控件类型的BOOL值变量如:BOOL m_delete;

void calcuArea::DoDataExchange (CDataExchange pDX) {

CAcUiDialog::DoDataExchange (pDX) ;

DDX_Check(pDX, IDC_CHECK1, m_delete);

}

也可以对变量进行get或者set之类的 *** 作来设置或者判断复选框的选择状态。

得到复选框状态的函数:CButton pBtn = (CButton)GetDlgItem(IDC_CHECK);

 int state = pBtnNONE->GetCheck();

 当state == 0时表示该复选框没有被选中;

 当state == 1时表示该复选框被选中设置复选框状态的函数:CButton pBtn = (CButton)GetDlgItem(IDC_CHECK);

 pBtnNONE->SetCheck(1);

 SetCheck(1)表示设置复选框为“选中”状态;

 SetCheck(0)表示设置复选框为“未选中”状态;

以上就是关于anjularJS如何绑定CheckBox数组,选中的CheckBox的ID数组全部的内容,包括:anjularJS如何绑定CheckBox数组,选中的CheckBox的ID数组、angularjs怎么获得ng-model里的value、如何用angularjs控制check box等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9800879.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存