我想在AngularJS中的复选框选中事件时使文本值匿名
在AngularJS中，可以通过ng-model指令来绑定复选框的值，并使用ng-change指令来监听复选框的选中事件。当复选框被选中时，可以通过ng-change指令绑定的函数来处理相应的逻辑。
以下是一个示例代码：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
<input type="checkbox" ng-model="isChecked" ng-change="checkboxChanged()"> 复选框
<p>文本值: {{textValue}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.isChecked = false;
$scope.textValue = "";
$scope.checkboxChanged = function() {
if ($scope.isChecked) {
$scope.textValue = "匿名";
} else {
$scope.textValue = "";
}
};
});
</script>
</body>
</html>在上述代码中，ng-model指令绑定了isChecked变量，表示复选框的选中状态。ng-change指令绑定了checkboxChanged函数，当复选框的选中状态发生变化时，该函数会被调用。在checkboxChanged函数中，根据isChecked的值来设置textValue的值，从而实现文本值的匿名或清空。
关于AngularJS的更多信息和学习资源，可以参考腾讯云的AngularJS产品介绍页面：AngularJS产品介绍
相关·内容
2回答
我有一组复选框，当没有选中时，会将一个类添加到父div中，使文本变为红色。但是，当一个框被选中时，类应该被移除。在我当前的代码中，当复选框被选中时，类仍然附加到div。
选中单个复选框后，如何删除类？
$().ready(function() {
$('#addForm').validate({
rules: {
"items": {
required: true,
minlength: 1
}
},
浏览 1提问于2011-10-30得票数 0
回答已采纳
2回答
我有三个组合框-当他们被选中时，我想要它检查勾选框。
如果选中复选框，则文本框将被启用，我目前已将其设置为禁用。
我的问题是，当三个Combos被选中时，如何将复选框设置为true。
如果勾选框为真，我将如何使之启用tex框？
浏览 0提问于2018-08-01得票数 2
回答已采纳
1回答
在ExtJS中，change事件用于在选中复选框时使某些事情发生，因此，我想知道在未选中复选框时应该使用什么事件来使某些事情发生？
谢谢。
浏览 4提问于2017-07-27得票数 0
回答已采纳
我想在AngularJS中基于id以编程方式取消选中md- 复选框。每当用户单击关闭标记(X)时，需要取消选中等效复选框
浏览 2提问于2016-06-26得票数 0
2回答
我有一个HTML复选框，它将在另一个文本框上执行一个简单的验证，所以只有当复选框被选中时，文本框才会被启用，但我也想在代码后台访问这个复选框控件来选中和取消选中它。我不认为我可以使用服务器“runat=”，因为在onClick事件上，这将导致('<%=uitxtVouTypeRedeemValue.ClientID%>')作为纯文本输出。敬请指教。谢谢。
<input type="checkbox"
onclick="document.getElementById('<%=uitxtVouTypeRedeemValue
浏览 0提问于2011-11-06得票数 0
回答已采纳
我有一个angularjs格式的表单，其中包含特定的输入文本字段和复选框。如果复选框被选中，它将禁用表单中的某些特定字段，但值将保持可见，因此，如果用户取消选中该复选框，则他不必再次填写这些字段。但是，我不想在用户提交表单时提交禁用字段的值。
浏览 1提问于2015-11-16得票数 0
2回答
获取ngModel的值
、、、
我有一个文本区和一个复选框，当我选中复选框时，我想在文本区中获得我的复选框的值。
<div class="message-container">
<textarea
*ngIf="mode === 1"
id="message"
rows=8
(ngModelChange)="updateView($event)"
[ngModel]="message"
value="formattedMessage"
place
浏览 0提问于2018-03-28得票数 1
我有以下HTML：
<input type='checkbox' onchange='checkvalue(this)' def='checked' value='checked' />
以及以下javascript：
$(document).ready(function(){
function checkvalue(){
if($(this).attr("value") != "checked"){
($(this).attr("value") = "check
浏览 5提问于2014-02-28得票数 0
回答已采纳
我在我的应用程序中有列表视图，其中包含文本视图和复选框。我想在取消选中复选框时删除整行。我正在使用简单的光标适配器来填充列表视图。
浏览 0提问于2011-03-17得票数 0
1回答
我有一个搜索表单在我的网站与各种复选框过滤您的搜索结果。我想将事件跟踪添加到复选框中，以跟踪在用户执行搜索时使用最多的复选框。由于各种原因，我们目前无法做这个服务器端，所以我想用GA来做。
现在我知道您可以在单击复选框时使用onChange触发事件，但是用户在提交表单之前可以选中和取消选中各种复选框。这将导致记录多个事件。因此，我只想在提交表单时触发事件。
有没有人知道这是否可能，以及如何实现？
谢谢
浏览 4提问于2013-10-10得票数 0
回答已采纳
我有一个自定义控件，我可以在其中添加复选框。
我想在选中复选框时重新排列它们，我的意思是选中的复选框应该
显示在控件的顶部。
请建议一种有效的方法来做这件事？
浏览 0提问于2010-11-12得票数 0
回答已采纳
我有winform应用程序，我想在另一个radgridview的基础上填充一个radgrid视图。我想通过选中复选框列来实现这一点，如果选中了复选框，我希望将一个项添加到其他radgridview，如果没有选中，则希望删除该项。
我想要实现的是，当CheckBox在一个CellValueChanged事件中被选中时。
浏览 0提问于2018-05-09得票数 0
回答已采纳
我已经读到了许多关于选择所有复选框的问题，但找不到一个说明如何触发其他复选框操作的问题。
我有一个主复选框，当这个复选框被选中时，所有其他的复选框也被选中。问题是，其他复选框必须执行自己的操作，例如，如果选中/取消选中，则禁用文本字段.etc。我通过在每个复选框中添加onclick来实现这一点。那么，如果选中了主复选框，如何调用每个复选框(或使每个复选框执行其操作)？
在读完这篇文章后，我做了以下几点：
// main checkbox functin that checks/unchecks other checkboxes.
function toggleAllChec
浏览 5提问于2012-11-20得票数 0
回答已采纳
我正在尝试在android studio中创建一个带有复选框的待办事项列表，其想法是每次我按下按钮时，都可以将复选框添加到线性布局中。这很简单，但我希望在ive创建复选框文本后，当我单击它时能够更改它。
我试图使文本框不带文本，只在其旁边放置一个纯文本，但我还没有找到一种方法来将它们放在线性布局的同一行上。纯文本只出现在下面的行上。我想知道是否有任何方法可以使自定义组件，使复选框文本可编辑时，点击文本，并选中复选框时，我可以把它放在线性布局。
这是我用来向线性布局添加另一个复选框的代码：
public void click(View v)
{
LinearLay
浏览 7提问于2018-12-21得票数 2
我正在迭代权限并使复选框选中是否包含在预定义值(即val)中，并使复选框不选中否则，它做得很好，但当我单击呈现的复选框来检查或取消选中它什么都不做。
在我呈现我的复选框后，我不能检查或取消检查。我需要你的帮助谢谢。
浏览 6提问于2022-04-21得票数 0
1回答
我使用的是jquery.confirm，这是我从上学到的
目标:-我正在尝试弹出一个包含不同文本的复选框和取消复选框的确认框。在选中复选框时，会弹出一个确认框，显示消息"Are You Sure to add the media"，如果用户单击"Yes I am"，我将发送相应的ajax调用，以添加媒体并使选中的属性变为真。在取消选中复选框时，确认应该弹出以显示消息"Are you Sure to delete the media"，同样，如果用户选择"Yes I am"，则将进行ajax调用以便删除，选中的属性设置为false。
浏览 7提问于2015-04-03得票数 1
回答已采纳
2回答
我试图找出如何将变量传递给jQuery函数，但我不明白为什么这个(大大简化的)示例不能按预期工作。这个想法是，当单击复选框时，将显示一个警报。
这里没问题：
<input type="checkbox" class="check"/>
<script>
do_alert = function() {
alert("Welcome");
}
$('.check').change(do_alert);
</script>
但是，当将警报文本传递给函数时，页面一加载就会显示
浏览 5提问于2016-12-05得票数 0
回答已采纳
我想做这样的事情。不知道这在Excel VBA中是否可行。在用户窗体上，我有一个复选框和一个文本框。
当我选中复选框时，复选框的标题将插入到文本框中，当我取消选中复选框时，复选框的标题将从同一文本框中删除。
当我在文本框中写入checkbox的标题时，在文本框change事件中，checkbox状态将更新。同时，checkbox click事件被触发，标题文本将加倍。如何停止checkbox click事件触发两次？
Checkbox的单击事件代码：
Private Sub cbSelect_Click()
With TextBox1
.Value = IIf(cbSe
浏览 1提问于2016-12-22得票数 0
我有一些html，比如：
<ul class="myclass">
<li><input type="checkbox"/>some text</li>
<li><input type="checkbox"/>some text</li>
<li><input type="checkbox"/>some text</li>
</ul>
我希望通过单击复选框或其任何部分来切换复选框。
浏览 4提问于2011-05-08得票数 2
回答已采纳
1回答
表单中的angularjs复选框
、、、、
我想在编辑用户时自动填写表单中的所有字段。我设法填充输入和选择字段，但不知道如何使用复选框来做这件事，如果它们需要被选中，将被选中。事实上，我做到了，但几天后，该解决方案停止工作，甚至什么都没有改变。我的代码是这样写的: html
<label><input type="checkbox" value="1" name="admin" ng-model="userDataCtr.user.admin" ng-checked="userDataCtr.user.admin">ROLE_CRO
浏览 1提问于2016-08-01得票数 1
5回答
我做了一个win表单，并给出了一些显示学生可用课程的复选框，通过选中复选框，他将能够告诉他他想要做哪些课程，但我想在他选中三门课程时重新检查他，如果他尝试选中第四个复选框，那么消息框应该会出现，告诉他不能选择超过三个，第四个复选框不应该被选中。那么我该怎么做呢？
浏览 0提问于2011-04-28得票数 3
回答已采纳
2回答
我有复选框和输入文本，只有当复选框被选中时，我才需要将输入字符转换为大写。 因此，如果复选框未选中并且我键入"aa"，则选中复选框并键入"bb"，则结果应为："aaBB“ 我有这个代码，但这是不正确的，因为当复选框被选中时，它会将整个输入值转换为大写。 $(document).ready(function() {
$('input').keyup(function() {
if ($("#ch").is(":checked")) {
this.value = this.valu
浏览 14提问于2019-02-25得票数 1
回答已采纳
假设复选框被选中/取消选中，我希望发生特定的行为。
现在，如果在我的代码中有多个点，我将复选框设置为选中/未选中，我必须每次都运行相同的逻辑。
有什么方法可以封装选中复选框时出现的逻辑，并重用该逻辑？
浏览 0提问于2010-09-23得票数 0
回答已采纳
用户在运行时通过openFileDialog选择一个或多个文件来填充DataGridView，并将文件名加载到DataGridView的第一列中。第二列和第三列包含指示应如何处理文件名的复选框。真值为1，假值为0。但是，用户只需要能够为每个文件名选择两个复选框中的一个。如果用户选中其中一个复选框，我希望另一个复选框(如果选中)变为未选中状态。下面是我的代码。它不会生成任何错误，并且当它偶尔使一个复选框处于未选中状态而另一个复选框处于选中状态时，它可能会取消选中同一列或另一列中的另一个复选框，但不会取消选中同一行中的另一个复选框。我需要学习使用调试器，并将在遇到困难时继续工作，但如果在此期间得到
浏览 1提问于2015-02-26得票数 0
2回答
private void CheckBox_CheckedChanged(object sender, EventArgs e)
{
CheckBox chk = (CheckBox)sender;
SetValuesInDB( System.Security.Principal.WindowsIdentity.GetCurrent().Name,
DateTime.Today.Date);
}
现在我想在数据库中设置我的id和当前日期的值，只有当我直接点击复选框的时候。
如果其他事件触发了
浏览 0提问于2009-01-07得票数 0
1回答
我创建了一个表单，其中包含一个复选框和一个小的输入字段。我写了一个剧本来做两件事：
如果选中了复选框，并且文本框中没有值，则将复选框的名称插入关联的文本字段。
如果用户键入textbox，而未选中相应复选框的复选框，则选中该复选框。
如果用户清除文本框，按delete/backspace/etc，则清除复选框中的复选框。
不起作用的是：*当用户键入文本字段时，复选框不会立即出现(通常会分别键入2个键)，尽管逻辑上说，当调用时，如果未选中复选框，则选中它。*当用户使用backspace/delete/等清除文本区域时，复选框将保持不变。
正在发挥作用的是：
用户单击复选框
浏览 2提问于2014-07-04得票数 2
回答已采纳
我是C#语言的新手。所以我在Visual Studio中创建了一个窗体，上面有三个复选框，分别名为粗体、斜体和下划线。还有一个文本框。当我选中" bold“复选框时，它使我的文本变得粗体，所有其他复选框都是这样工作的，但当我尝试选中2个或全部复选框时，只有一个可以正常工作。这是我编写的代码，通过选中第一个和第二个复选框，使文本同时显示为粗体和斜体，但绝对不起作用： if (checkBox1.Checked == true && checkBox2.Checked == true)
{
textBox1.Font = new Font(textBox1.Fon
浏览 33提问于2019-10-13得票数 1
我已经创建了一个程序来隐藏空文本框。为此，我使用了一个复选框。选中该复选框后，将隐藏空文本框。保留具有值的文本框。
但现在我有个问题。复选框处于选中状态时，我无法擦除文本框中的值进行编辑。这意味着当我擦除文本框中的值以输入新值时，该文本框将被隐藏，因为它的length为0。请帮我解决这个问题。
浏览 1提问于2020-10-04得票数 0
I有一个winforms复选框，该复选框绑定到实体框架实体的一个属性.
例如，我有一个绑定到属性bindingSource.DataSource = myDog的复选框，因此当用户选中该框时，IsSleeping变为真，当用户取消选中该复选框时，IsSleeping变为false。
这个很好用。问题是在验证复选框之前不会更新IsSleeping的值，只有当焦点从复选框移到其他复选框时才会发生。因此，如果我希望在未选中该框时发生一些事情：
private void IsSleepingCheckbox_CheckedChanged(object sender, EventArgs e)
{
浏览 1提问于2010-11-17得票数 6
回答已采纳
5回答
考虑一个简单的每个循环来检查复选框：
$(':checkbox').filter(':checked').each(function(){
var name = $(this).val();
});
此代码适用于原始HTML代码中选中的复选框，如
<input type="checkbox" name="test" value="test" checked="checked" />
如何使此jQuery代码正常工作，在每次选中新框或删除选中时执行filter进程。我希望在复选框中
浏览 2提问于2012-05-20得票数 1
回答已采纳
我不能让这个起作用。我需要更新1列中的许多记录，基于检查和填写的内容。我尝试了不同的勾选和取消勾选的组合，并将文本字段设置为空白或非空白，在此php post代码中，我尝试了许多不同的方法，但找不到正确的组合以及if/elses、issets或empties等。
复选框中的值对应于记录/行in。所有文本框都将预先填充价格。将动态选中或取消选中所有复选框。用户可以根据需要撤消选中的复选框或未选中的复选框。在post时，选中的所有记录都应获得匹配的文本框值。
问题是我不能让2个数组在我的帖子中匹配。例如，在这组示例字段中，假设我选中了第二个复选框和第四个复选框。应该更新的记录和应该保存到列中的值应
浏览 5提问于2016-08-26得票数 0
回答已采纳
我正在从数据库中加载一些值，这里我要做的是有一个复选框，加载描述，然后有两个文本框，第一个是可编辑的，第二个是只读的。
两个文本框都以从数据库加载的值开始，然后选中复选框时，可编辑文本框中的值将出现在只读文本框中，未选中时，只读复选框值为0。
<div ng-if="condition.ConditionDesc == 'Other'">
<div class="col-sm-1 unpad" ><input type="checkbox
浏览 0提问于2014-06-06得票数 1
回答已采纳
1回答
我有个小问题。我正在以网格视图的形式在.aspx页面中显示数据库表中的数据。
第一列是每个单独行的复选框和一个实现“全部”和“取消所有功能”的标题复选框，我已经使用了javascriptC。目的是一般目的.每个复选框都表示其所在的行。
问题是，当我选中复选框时，所选行中的值的部分或全部或none....the之和应动态显示在下面同一页的文本框中。
请告诉我如何实现这个功能。只要一个基本提示或语法就足够了。我自己来做细节。
请告诉我两个列的简单网格视图的功能-一个复选框，另一个是值。因此，我想在下面同一页的文本框中显示所选值的总和。这是一个简单的问题。
提前谢谢你的帮助。
浏览 0提问于2014-11-05得票数 0
回答已采纳
我想在jquery中创建一个函数，如果输入文本框包含内容，请选中该复选框。如果为空，请取消选中该复选框。
<form>
<input class="boxcheck" type="checkbox">
checkbox
<input class="boxtext" type="text">
text here
</form>
复选框和文本输入在开始时将是空的，但如果用户决定在文本框中写入内容，则如果用户尚未选中该复选框，则应自动选中该复选框。
另一个问题可能是，用户将键入某些内容
浏览 3提问于2013-01-28得票数 3
回答已采纳
我有一个包含GroupBox的表单，在这个GroupBox中有一些标签和CheckBox。CheckBox在设计时被设置为“Checked”，这意味着当它加载默认为“Checked”的时候。因此，当创建此表单的新实例时，该复选框的CheckChanged事件将在窗体的Load事件之前触发。标签的文本值取决于是否选中复选框。
这是在复选框的CheckChanged事件中，该复选框在表单加载事件之前触发：
If chkUseAsFull.Checked Then
fraHalf.Text = "Full Spacing"
lblLitHalfSpacing.Text
浏览 2提问于2015-09-16得票数 1
回答已采纳
2回答
我有几个具有相同名称的复选框，最后一个复选框基本上是"Other“，旁边有一个空的文本字段。我正在使用jquery验证，并且希望在选中other复选框时使空文本字段成为必填字段。
不确定如何在所有复选框都具有相同名称的情况下执行此操作。
谢谢。
浏览 1提问于2010-03-18得票数 3
我的模型中有一个字段，叫做'distance‘，我想写一个同时包含复选框和文本框的视图。
如果复选框处于选中状态，则在提交表单时，文本框将被禁用，并且“distance”的值为0。
如果未选中该复选框，则在提交表单时，“distance”将获取文本框中的任何值。
有谁有任何关于如何做到这一点的指导？这是根据两个控件的状态分配模型值的逻辑，这让我感到困惑……
浏览 0提问于2009-05-15得票数 0
回答已采纳
3回答
是否有可能使按钮不可点击，只需在填写文本框、勾选单选按钮、选中复选框和组合框项目时才可单击？(在使按钮可点击之前必须全部完成)我已经使按钮不可点击，但需要在填写信息后使其可点击。请帮忙，谢谢
浏览 6提问于2022-02-21得票数 0
我有两个复选框：
<input id="outside" type="checkbox" value="1" data-gid="41820122" />
<input id="inside" type="checkbox" value="1" data-gid="41820122" />
我用以下命令使它们互斥：
$(function(){
//mutually exclusive checkboxes
$("input[da
浏览 0提问于2012-04-19得票数 0
回答已采纳
3回答
根据是否选中复选框，我试图在<h1>标记中打印页面上的文本。
$scope.EmailMe = function(email) {
if($scope.emailchecked == 1) {
$scope.test = "emailSent";
} else {
$scope.test = "nothing";
}
}
HTML是：
<input type="checkbox" ng-model="emailchecked" ng-
浏览 9提问于2016-04-14得票数 1
回答已采纳
<tr>
<td><input type="checkbox" ng-model="<%=cat4%>" ng-checked="true"> </td>
<td>
<%=cat2%>
</td>
<td><input type="text" class="t
浏览 0提问于2016-04-10得票数 0
因此，当未选中复选框时，我试图使我的文本框不可见。一切都很好，直到我选中了这个框，然后再取消检查。文本框将保持可见。
private void chbon_Checked_1(object sender, RoutedEventArgs e)
{
if (cchbon.IsChecked == true)
{
txtshow.Visibility = System.Windows.Visibility.Visible;
}
if (chbon.IsChecked == false)
浏览 1提问于2018-07-03得票数 1
回答已采纳
我有3个复选框，在文本框中有相应的消息。我的老师希望消息在复选框仍处于选中状态时保留在文本框中，而在未选中时隐藏文本。在我的例子中，当我选中这3个复选框时，它们对应的3个消息将会出现，但当我取消选中其中一个复选框，而其他两个复选框仍处于选中状态时，所有消息都将消失。我的问题是，当我取消选中其中一个复选框，并且其他两个复选框仍处于选中状态时，具有其余两个复选框的相应消息将保留在其文本框中。
private void chkCarWheels_CheckedChanged(object sender, EventArgs e)
{
if (chkCarWheels.Checked == t
浏览 1提问于2012-12-10得票数 1
回答已采纳
6回答
我有一个这样的代码，当复选框被选中时，它可以启用或禁用某些文本输入。
$(document).ready(function(){
$(":checkbox").change(function(){
if(this.checked){
$("input:text").attr('disabled', true);
} else {
$("input:text").attr('disabled', false);
}
浏览 0提问于2010-11-26得票数 4
回答已采纳
我有一个ASP.NET网页，其中包含一个复选框表和一个按钮。我需要找到按钮单击时选中的所有复选框的ID。一旦收集到ID列表，就需要将其传递给服务器。我可以使用jQuery和PageMethods来做到这一点。
如何在代码隐藏文件中的按钮单击处理程序中实现这一点？即当发生按钮点击时选中的所有复选框的ID。
我想在代码幕后做这件事，因为代码幕后文件包含一些创建图表并将其导出为PDF的函数，图表是基于选中的复选框创建的。
请提个建议。
干杯
浏览 1提问于2010-01-12得票数 3
回答已采纳
4回答
如何在中保持禁用复选框
、、、、
我有一个将文本框与复选框配对的应用程序。用户可以选中复选框，该复选框将自动填充具有特定美元金额的文本框。如果取消选中复选框，则将textbox的值设置为零。他们还可以在文本框中输入一个美元金额，而onblur事件处理程序则可以切换该复选框。
当他们在文本框中输入一个美元金额，然后用鼠标单击复选框时，就会出现问题。这将触发onblur事件，该事件自动切换复选框，然后识别鼠标单击，将美元金额设置为零。
我的解决方案是禁用textbox焦点上的复选框，然后启用textbox onblur事件上的复选框。
这在Firefox和Chrome中运行得很好，但在Internet中却惨遭失败。FF和Chrom
浏览 1提问于2015-03-03得票数 1
回答已采纳
2回答
我是编码新手，我想设置一个要求，允许某些复选框只有在满足要求后才被选中。假设我有两个复选框，A和B。我如何设置为仅在选中A后才允许选中B。wedwebcheckbox和wedcupcheckbox的初始状态是Null，还有，有没有办法使复选框上的文本换行？
private void wedThemecheckBox_Checked(object sender, RoutedEventArgs e)
{
if (wedThemecheckBox == Checked)
{
wedWebcheckBox.IsChecked = false;
wedC
浏览 0提问于2014-01-23得票数 0
我页面上的一个链接访问联系人表单。有3个联系形式的链接，我希望每个链接自动选择相应的复选框。
如下所示：
链接1 ->用户单击链接中嵌入的->访问联系人页-> javascript自动选中联系人页上"link one“文本旁边的复选框
链接2 ->用户单击链接中嵌入的->访问联系人页-> javascript自动选中联系人页上"link two“文本旁边的复选框
LINK 3 ->用户单击链接中嵌入的->访问联系人页-> javascript自动选中联系人页上"link three“文本旁边的复选框
浏览 1提问于2012-05-04得票数 0
我有多个文本框的表单。如果用户将字段留空，他将在表单下显示一个复选框，如果用户选中该复选框，则可以在字段为空的情况下提交表单。
因此，对于复选框点击，我必须手动使表单有效。
我试着做了form.$valid = true;，但没有给我适当的结果。
有任何想法如何使表单手动生效。
浏览 0提问于2014-05-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
