如何将类绑定到选中的输入的父类？
将类绑定到选中的输入的父类可以通过以下步骤实现：
- 首先，需要获取选中的输入元素的父元素。可以使用JavaScript中的
parentNode属性来获取当前元素的父节点。 - 接下来，创建一个新的类，并将其继承自父类。在大多数编程语言中，可以使用关键字
extends来实现类的继承。 - 在新创建的类中，可以添加自定义的属性和方法，以满足特定的需求。
- 最后，将选中的输入元素的父元素的类更改为新创建的类。可以使用JavaScript中的
classList属性来添加或删除类。
下面是一个示例代码，演示了如何将类绑定到选中的输入的父类：
// 获取选中的输入元素
const inputElement = document.querySelector('.selected-input');
// 获取选中输入元素的父元素
const parentElement = inputElement.parentNode;
// 创建新的类，并继承自父类
class NewClass extends ParentClass {
constructor() {
super();
// 添加自定义属性和方法
this.customProperty = 'Custom Property';
}
customMethod() {
console.log('Custom Method');
}
}
// 将选中输入元素的父元素的类更改为新创建的类
parentElement.classList.add('new-class');在上述示例中，selected-input是选中的输入元素的类名，ParentClass是父类的名称，new-class是新创建的类的类名。你可以根据实际情况进行修改和调整。
这种方法可以用于动态地将类绑定到选中的输入的父类，以实现特定的功能或样式效果。
相关·内容
1回答
WPF通过绑定设置可见性
、、、
我有一个包含子对象的父对象列表。Parents和Children都有一个选中的布尔型属性。这些对象被绑定到显示层次结构的ItemsControl。
我还有一个“显示选中的”复选框，这是我的应用程序设置之一，它将确定ItemsControl中项目的可见性。
因此，基于(Parent.Checked或Child.Checked) && Checkbox.Checked，我需要将结果绑定到项。
提前谢谢你，
B
浏览 2提问于2010-06-23得票数 0
回答已采纳
2回答
我知道如何将参数传递给要导航到的区域。
我的问题是:在父视图模型中，从UI中导航的子区域访问用户输入值的首选方式是什么？
浏览 24提问于2021-11-11得票数 1
3回答
我有一个复选框，它使用KnockoutJS绑定。该值被赋值给输入元素，但只有手动单击它时，才会看到复选框被选中。
在幕后，输入元素正在工作并将选中的值传递给属性，但因为Im jQuery.uniforms.js为表单提供了一个很好的设计，所以我想这就是为什么我没有在复选框上直观地看到复选框的原因。
<div class="inline">
<input type="checkbox" data-bind='checked: permit.oneDayPermit' />
<label>One Day
浏览 3提问于2014-01-09得票数 1
回答已采纳
2回答
我可以将集合绑定到树，但我不知道如何将一个简单的对象热绑定到wpc控件。
<UserControl x:Class="ReporterWpf.UserControl1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Height="300" Width="300">
<Gr
浏览 1提问于2010-06-22得票数 0
回答已采纳
2回答
我的模型中有一个int?和字符串属性，这是不能更改的(例如，我不能将这个属性分成两个单独的属性)。
我想将这些属性绑定到复选框和TextBox。因此，如果没有选中CheckBox，那么值应该是空，如果CheckBox是选中的，则值应该是输入到TextBox中的值。
用WPF实现这一点的正确方法是什么？我使用.Net Framework4.5。
浏览 6提问于2012-09-17得票数 0
回答已采纳
我有一个绑定到集合的WPF DataGrid。我想为具有复选框(该行的第一列)的每一行输入/保留EditMode。行已选中，行在EditMode中，...row未选中，无编辑模式。
我怎样才能实现我的目标？
非常感谢
浏览 0提问于2013-07-18得票数 0
1回答
我正在开发一个桌面应用程序，并设计了一个MVVM模式。我有一份有相关技能的人的名单。我的Person模型类似于：
public class Person
{
public string FirstName { get; set; }
public string LastName { get; set; }
// Other properties
}
我有一门技能课
public class Skill
{
public string Name { get; set; }
public bool IsOn { get; set; }
}
正如您可能注意到的
浏览 1提问于2014-05-05得票数 0
1回答
jstree检查父节点
、、、、
我创建了一个两个状态的jstree。因为我需要创建一个双状态树，所以我不能选择相对于一个节点的任何其他节点。我想要的是，当我单击一个特定的节点时，所选节点的所有父节点也应该被选中。
请帮帮我..
浏览 0提问于2012-04-09得票数 2
回答已采纳
4回答
带复选框的ListView
、、、、
我有一个项目列表显示为一个ListBox。
<ListView ItemsSource="{Binding ListOfSomeItems}">
<ListView.View>
<GridView>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}"/>
<GridViewColumn Header="Status">
浏览 6提问于2011-11-04得票数 1
回答已采纳
1回答
绑定到一组值
、、、
假设我有一个像下面这样的文本框。我想将它绑定到视图模型中以编程方式设置的一组值。
<StackPanel Orientation="Horizontal">
<TextBlock Text="Address" Style="{StaticResource tabTextBlock}"/>
<TextBox Text="{Binding test.test2}" Style="{StaticResource tabTextBox}"/>
</StackPane
浏览 2提问于2018-02-15得票数 0
回答已采纳
1回答
我需要创建一个验证节点，如果输入的值已经存在，它将返回一个错误。我有GUI的项目，可以设置他们的名字。我想让名字成为唯一的。
因此，对于每个验证，我需要以下两个参数：
所有项目的所有名称的列表，或将告诉我名称存在的谓词。
当前项名称，若要将其排除在上述验证之外(将名称更改为相同值不应是错误)
数据上下文如下所示(只是用于说明的接口)：
class AppMainContext
{
public IEnumerable<string> ItemNames {get;}
public Item SelectedItem {get;}
}
class Item
浏览 6提问于2020-02-25得票数 1
1回答
在XAML中具有这样的功能：
<UserControl x:Class="Example"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibilit
浏览 8提问于2021-02-03得票数 0
回答已采纳
2回答
WPF用户控件的绑定问题
、、、、
这是我想要的。具有UserControl的TextBlock，其Text属性绑定到UserControl的Prop属性。(这只是我实际问题的反映)
下面是我的UserControl (ClientDetailsControl.xaml)的一部分
<TextBlock Text="{Binding Prop}" />
接下来是ClientDetailsControl.xaml.cs
public partial class ClientDetailsControl : UserControl
{
public static DependencyProperty
浏览 4提问于2015-07-16得票数 3
回答已采纳
我有一个PrimeNG表格，单元格是可编辑的。当我编辑输入文本字段的值时，表格模型没有改变。如何将表格模型绑定到输入文本？
下面是我的代码：
<p-dataTable [value]="data" [editable]="true">
<p-column>
<template pTemplate type="body" let-row="rowData">
<custom-input [(inputModel)]="row.value
浏览 0提问于2017-01-31得票数 4
9回答
我有一个表单，并使用v-model绑定输入：
<input type="text" name="name" v-model="form.name">
现在我想提取输入并使其成为自己的组件，然后如何将子组件的值绑定到父对象form.name
浏览 15提问于2017-11-15得票数 121
回答已采纳
我有一个复选框表单，它是基于用户内容动态生成的。复选框的部分按类别拆分，并且每个类别中都有项目。出于数据库目的，类别值具有隐藏的复选框。如果类别的子项具有选中的复选框，则类别复选框也会被选中。
我已经使用JQuery .click()让它工作得很好，但是我不知道在页面加载时该怎么做。
这是我的代码，当一个复选框被实际点击时：
$(".project").click(function() {
if($(this).is(":checked") && $(this).hasClass("project")) {
浏览 3提问于2010-06-02得票数 1
回答已采纳
1回答
如何将应用程序中组件的属性绑定到app.component的属性？
例如，我的app.component.html由以下内容组成：
<app-type #typeComponent></app-type>
<app-search #searchComponent [propX]="typeComponent.someProp3"></app-search>
<app-results [propA]="searchComponent.someProp1"></app-results>
如何
浏览 0提问于2018-10-19得票数 1
回答已采纳
我正在使用Caliburn.Micro编写一个WPF应用程序。我想根据带有复选框的列表框中的选中项来更新名称列表。 XAML： <ListBox ItemsSource="{Binding Names}">
<ListBox.ItemTemplate>
<HierarchicalDataTemplate>
<CheckBox Content="{Binding Value}" IsChecked="{Binding IsChecked}" />
浏览 589提问于2020-04-30得票数 0
回答已采纳
基本上，我有一个"Delete Selected“按钮，只要没有选中任何复选框，这个按钮就会被禁用。只要用户选中一个复选框，我就想将一个单击事件处理程序绑定到此按钮。
当用户取消选中复选框而没有选中复选框时，我希望将完整的事件处理程序函数存储在一个变量中，并且只在选中复选框后立即绑定它。
问题是:如何将此事件处理程序函数存储在变量中，以便最容易地将其绑定到对象？
到目前为止，我只使用它来解除绑定一个事件处理程序(已经存在于这个对象上)，然后再次绑定它，如下所示：
$(my-selector).unbind('click', eventHandler);
$(my-sel
浏览 0提问于2012-08-19得票数 3
回答已采纳
我目前使用的是一个叫做的插件，它是从jquery UI派生而来的，我已经把我的大部分日历设置都做对了，只是我不确定我应该如何将值从内联块日历中返回到输入框中。
<div class="iDate"></div>
<input type="text" name="something" id="something" value="" />
var unavailableDates = ["9-7-2016"];
function unavailable(date) {
浏览 1提问于2016-06-22得票数 0
我遇到了这样一种情况:在JSP中有一个input元素，用户输入标记。例如，java、foo、bar、anotherTag..etc
<c:url var="saveUrl" value="/create" />
<form:form modelAttribute="myAttribute" method="POST"
action="${saveUrl}">
<form:input path="myTitle" />
浏览 1提问于2012-09-10得票数 2
回答已采纳
2回答
我正在使用PrimeNG 14 (和角14)。我有一个输入产品信息的表单，我希望将产品与一个或多个类别相关联，每个类别都显示为复选框。
<form [formGroup]="form" (ngSubmit)="submit()">
...
<p-table #dt [value]="(categories$ | async)!"
[(selection)]="selectedCategories"
dataKey=&
浏览 15提问于2022-11-30得票数 0
1回答
我尝试将一个checkBox绑定到一个OData字段，它的类型是Edm.Boolean。我可以完成绑定，但它的行为类似于单向绑定，当我请求值时，checkbox显示正确的语句，但当我将复选框从选中更改为未选中或vica verse并保存时，它不会更新字段的值。 xml视图： <CheckBox id="Seen"
selected="{= ${Seen} === 'true'}"
浏览 17提问于2020-09-17得票数 1
4回答
我是Javascript和JQuery的新手，所以我一直在阅读它，并试图选中(并设置为非活动)父列表项中的复选框-选中其中一个子项。
如果这没有任何意义，请看一下列表结构。
<ul>
<li><input type="checkbox" name="items[]" value="88712003" id="88712003" /> Parent 1</li>
<li><input type="checkbox" name="
浏览 0提问于2011-01-05得票数 5
回答已采纳
我的XamDataGrid中有一个复选框，如下所示：
<igDp:UnboundField Width="1*" Label="{LocText props:Resources.GROUPLIST_SYNC}" BindingMode="TwoWay" BindingPath="IsSynchronise.Value" Converter="{StaticResource BoolToUMDirectoryFilter}" ConverterParameter="Enabled" Tool
浏览 10提问于2017-07-28得票数 0
回答已采纳
5回答
我刚开始对JS做出反应，我想创建一个ToDo列表应用程序。我有App.js，它是主页面，所以我为App.js页面创建了MainBlock组件，该组件包含布局的左右两面，在右侧属性中加载具有input和button的Form组件，并将输入值保存到state中的数组中；在左侧，它加载List组件，该组件具有一个名为allTasks的属性，用于打印所有任务。我的问题是如何将allTasks状态从表单组件传递到App.js，从而将其传递给List组件属性？在App.js中：
<MainBlock
left={
<List allTasks={['خرید از فروش
浏览 3提问于2018-02-24得票数 0
回答已采纳
我将一个jobtype值列表绑定到一个网格视图，每一行都有sno、jobtype、复选框和一个文本框。选中复选框后，文本框将启用，我必须输入一些值(如费用)。在这里我可以选中多个工作类型，然后在文本框中输入费用，最后保存这些值(工作类型，费用)。我成功绑定了数据，但是如何从每行的文本框中获取输入的值？？如何启用或禁用文本框选中或取消选中复选框。请给我一个解决方案
浏览 0提问于2017-03-20得票数 0
3回答
ion- checkbox很棒，但我不知道如何将checkbox的背景颜色自定义为默认白色以外的其他颜色？我知道如何自定义选中复选框时显示的复选框颜色，而不是未选中的颜色。
浏览 2提问于2015-04-03得票数 4
父模板
<ui-view [inputValue]="something"></ui-view>
示例子组件
@Component({
selector: 'child',
template: '...'
})
export class ChildComponent {
@Input() inputValue;
}
UIView指令不允许它不知道的输入参数(例如inputValue)，那么我如何将"something“变量传递给子inputValue呢？
浏览 1提问于2017-06-08得票数 0
我正在尝试使用ngModel和value在我的Angular2应用程序中创建一个单选按钮输入。我想要三个选项: true、false和null，但是我不知道如何将其中一个输入值设置为null。基本上，如果没有选择任何内容(即ngModel值为null)，我希望选中那个null单选按钮。有没有一种方法可以在HTML中轻松做到这一点？谢谢。
浏览 3提问于2017-04-04得票数 0
2回答
我遵循的是MVVM模式。我有一个列表视图控件，它有多个复选框。我的视图模型有一个绑定到listview控件的Student集合。
public ObservableCollection<Student> students{ get; private set; }
private ObservableCollection<Student> _displays { get; set; }
viewmodel不知道有关视图的任何内容，因此它不能访问listview控件
我试着用下面的方法定义了Student类
public class Student
{
public
浏览 1提问于2014-06-04得票数 0
我有这个代码
$(".delete2").click(function() {
$('#load2').fadeIn();
}
我已经通过此返回动态添加了项目
addSubcategory = function(){
sucategorynameval = $("#sucategoryname").val();
categoryId = $("#addcategoryid").val();
$.get("process-add-subcat.php
浏览 0提问于2010-03-17得票数 4
回答已采纳
我有一个WPF视图，我在其中根据视图在ViewModel中绑定到的列表中的对象类型动态创建控件。我在视图中有一个按钮，我已经绑定到ViewModel中的RelayCommand，但我还想将CommandParameter传递给命令。动态创建的控件的类型有ListBox、ComboBox、TreeView、RadionButton和CheckBox。因此，当我按下按钮时，我希望获得控件中所有选中/选中的项，并向它传递一个带有CommandParamter的列表。
如果我在Button上使用Click事件，我已经知道如何搜索所有选中/选中的项，并获取类型为Code(类名)的对象，并将它们放在列表中
浏览 3提问于2013-02-20得票数 0
1回答
我有下面的代码来创建一个看起来像切换按钮的复选框。
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label asp-for="FlaggedStatus" class="btn btn-outline-danger">
<input asp-for="FlaggedStatus" type="checkbox"> Flag Address
</label>
&
浏览 33提问于2019-11-23得票数 1
回答已采纳
我有一个有3列的表，其中一列是复选框，一列是接受输入，第三列是简单文本。每当有人在输入中输入值时，我希望选中该行的复选框。下面是我提取输入内容的方法。
inputChange: function(oEvent) {
var a = oEvent.getSource();
var input = a.getValue();
var row = oEvent.getSource().getParent().getParent();
var index = row.getIndex();
// ...
}
我有行索引，但我不知道如何遍历到该行的复选框并使其处于选中状态。如何构建这
浏览 39提问于2018-06-18得票数 1
3回答
我将datatable绑定到一个gridview控件，当我格式化每个列时，我需要根据该列是否具有特定的自定义属性来格式化数据。在这种情况下，列可以表示：
文本框(在这种情况下，我只是在网格视图中显示文本框中的文本)，
复选框(在这种情况下，我根据列的基础数据值是1还是0显示“选中”或“未选中”)，
单选按钮(在这种情况下，我根据列的基础数据值是1还是0显示" on“或"Off”)。
问题是，列数据类型是当前绑定到网格的非类型化数据表中的所有字符串。绑定使用autoGenerateColumns。所以：
如何将列标记为收音机、文本框或复选框？
如何在绑
浏览 8提问于2008-11-07得票数 1
回答已采纳
我正在根据指令构建一份问卷，根据特定的期望显示正确的input。这些期望(包括以前用户提供的任何输入)来自父$scope。一切都是在AngularJS的指令定义对象的link函数中设置的。
在使用md-checkbox时出错的地方是:指令内复选框的ng-model设置为true，md-checkbox仍然是假的。我可以确认，通过添加具有相同input type="checkbox"属性的简单ng-model，将选中简单复选框，而md-checkbox则不选中。
每当我点击md-checkbox两次，它就会被检查。所以我认为绑定有问题。我构建了一个来演示它。笔内的代码几乎是从我的
浏览 4提问于2017-06-20得票数 1
回答已采纳
我想创建一个GridView (最好是telerik)，其中根据数据库中的行生成和绑定列。网格应该如下所示：
以下是数据库设置的示例。我有3个数据库表如下：
雇员-雇员名单
国家-国家名单
EmployeeStates联接表，它具有EmployeeID、StateID和布尔值，用于选中或未选中。
新行可以添加到两个数据库表中，这样员工列表和城市列表就会变得更长。如何将其绑定到GridView？
浏览 2提问于2017-07-13得票数 0
回答已采纳
1回答
我有一个可观察到的数组，用户可以添加或删除项。此外，我还有一个文本输入，以及数组中每个元素的一个DIV。当用户单击其中一个DIV时，我将类“选中”添加到DIV中。我希望将一个输入与具有所选类的DIV绑定。
击倒：
self.tasks = ko.observableArray([]);
self.addTask = function() {
self.tasks.push(
{
id: "1",
content: ""
}
);
}
HTML：
<div da
浏览 0提问于2013-09-11得票数 1
回答已采纳
我有一个Xamarin.Forms ListView，它有一个自定义ViewCell，其中包含一个带有条目和标签的StackLayout。我希望在ViewCell被选中的任何时候，条目都能获得焦点。
ItemSelected提供所选的项，但不提供ViewCell。我可以为ViewCell创建一个自定义类，但是我看不出它是如何知道何时被选中的。
如何将条目集中在ListView项选择上？
浏览 1提问于2018-02-15得票数 5
回答已采纳
我有这样的表格。
<form id="myForm">
<div>
<ul>
<li>
@Html.DropDownListFor(m => m.SelectedVal, new SelectList(Model.ValLst, "Value", "Name"))
</li>
<li>
@Html.TextBox
浏览 2提问于2015-08-07得票数 0
回答已采纳
2回答
我使用KVO查看复选框，并根据复选框的状态启用或禁用详细信息输入区域。(即，如果选中复选框，则启用详细信息区域，否则不启用)，如下所示：
[self.detailInputArea bind:@"enabled" toObject:self withKeyPath:@"enabledCheckbox" options:nil];
我的问题是，现在我想将它改为设置detailInputArea的hidden属性，根据复选框的状态显示/隐藏视图。问题是，这需要逆逻辑。换句话说，当设置其enabled, true时，视图被启用(可以接受输入)，而false则意味着它不
浏览 0提问于2014-01-20得票数 9
回答已采纳
2回答
我是Angular2的新手，出于练习的目的，我创建了一组3个输入组件，其中有一个用于擦除输入的值的重置按钮。我想测试@Input装饰器，以及如何将值从父级传递到子级。我的代码中的问题是该按钮只擦除一次值
以下是代码，父组件：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<button (click)="reset()">Reset Age</button>
<a
浏览 0提问于2017-09-08得票数 1
1回答
有一个WPF页面，是为问题程序制作的。问题和答案取自资源文件，因此所有GUI元素都是在运行时放置的。
问题主体有一个标签，答案可以是简单标签、下拉列表或多个文本(或单个)。如果有两个以上的答案，则会根据问题类型向每个答案添加单选按钮或复选框。我有类where(对于问题，where对象包含它的答案)，Answer(对于变体)和Result(存储用户所有答案的地方)。
现在，为了响应用户的输入(切换按钮选中/取消选中，textedit文本更改(当它更改时，必须自动选中切换按钮)，下拉列表值更改)，我必须存储3个巨大的字典( Dictionary，Dictionary，Dicrionary)来快速响
浏览 1提问于2011-12-13得票数 1
我正在使用的场景是编辑角色和权限。在列表框中，我要列出所有已定义的权限，并检查已分配给所选角色的权限。角色选择出现在单独的列表中。
我有一个简单的视图，其中包含一个显示所有权限的列表框：
<ListBox
...
ItemsSource="{Binding AllPermissions}">
<ListBox.ItemTemplate>
<DataTemplate>
<CheckBox Content="{Binding DisplayNa
浏览 1提问于2013-04-12得票数 2
回答已采纳
椭圆和线条的列表将作为子项添加到LayoutRoot。线条连接在椭圆之间。
我如何将这两个元素绑定在一起，这样当椭圆移动时，直线也应该移动？
如何将X1property、X2property、Y1property、Y2property绑定到椭圆的中心？
浏览 4提问于2010-09-30得票数 0
回答已采纳
1回答
在Flex中，我们可以将可视元素分离到MXML组件中，并在需要时加载到前台。但是，父组件和MXML组件如何进行通信呢？我的意思是：
如何相互访问在父组件和MXML组件中创建的变量或函数？
如何相互访问父组件或MXML组件中的元素？这意味着，如果在MXML组件中有一个文本输入，那么我们如何从父组件访问文本输入值，反之亦然？
谢谢。
浏览 2提问于2013-12-15得票数 0
回答已采纳
我想有一个简单的颜色拾取器与一些预定义的颜色。用户应该只能选择其中一种颜色。
它应该像“无线电”输入一样工作，当一种颜色被选中时，其他颜色被取消选中。
我决定一个不错的方法是让图像使用系统"circle.fill"，并为所选项目使用"checkmark.circle.fill“。我只需将每个对象的foregroundColor设置为其对应的.color。
不过，我很难弄清楚其中的逻辑。我知道我可以为图像本身创建一个简单的视图，并将.color传递给每个图像，但是我如何确保一次只有一个图像被“选中”，并从“选中”的图像中获取值，以便可以将其传递到核心数据？
我想我可以使用
浏览 19提问于2019-11-03得票数 0
回答已采纳
我正在尝试创建自定义输入指令，它将覆盖复选框输入的默认行为。我似乎找不到阻止默认复选框输入指令执行的解决方案。
我尝试过修饰输入，将自定义指令的优先级设置为0。
<input type="checkbox" my-custom-directive="0" ng-model="MyList" />
我还尝试使用模板并替换不同的元素类型。
<div my-custom-directive="0" ng-model="MyList"></div>
// part of directiv
浏览 1提问于2014-02-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
