HTML`input`标签的`checked`属性用于将控件的选中状态默认设置为“on”。用于使用`type`属性`“checkbox”`或`“radio”`来设置`input`控件的状态。
如果我单击另一个组件并返回,p-checkbox 不会保持其选中值 [ 角度 16.2.1]
我正在使用 AngularTS 和 primeNG。 下面是我的 html p-checkbox 代码,我还有 rowEdit on row Click 功能以及额外的此代码,所以当我进行编辑模式并返回此此。
我有多个这样的字段: 我有多个这样的字段: <div class="row"> <div class="col-md-5 "> <app-input [desc]="'Client Last name'" formControlName="clientOneLastName"></app-input> </div> <div class="col-md-1 "> <input type="radio" name="name" (change)="selectedClient && selectField('name', selectedClient?.name)" [checked]="selectedClient?.name != ''"> </div> <div> <input type="radio" name="name" (change)="selectedClient2 && selectField('name', selectedClient2?.name)" [checked]="selectedClient?.name == '' && selectedClient2?.name != ''"> </div> <div class="col-md-5 "> <app-input formControlName="clientTwoLastName"></app-input> </div> </div> <div class="row"> <div class="col-md-5"> <app-input [desc]="'Client First name'" formControlName="clientOneFirstName"></app-input> </div> <div class="col-md-1"> <input type="radio" name="surname" (change)="selectField('surname', selectedClient?.surname)" [checked]="selectedClient?.surname != ''"> </div> <div> <input type="radio" name="surname" (change)="selectField('surname', selectedClient2?.surname)" [checked]="selectedClient?.surname == '' && selectedClient2?.surname != ''"> </div> <div class="col-md-5"> <app-input formControlName="clientTwoFirstName"></app-input> </div> </div> 我搜索客户端 1 和客户端 2,即使我尝试使用新客户端,它也能正常工作,选中的条件也有效,但如果我通过单击手动更改复选框并尝试搜索新客户端,则复选框会卡住并且条件不起作用,它停留在我上次单击的位置,而我没有单击的其他复选框工作正常,但我单击的位置根据条件不起作用 我有角度分量,我尝试了“this.formGroup.markAsPristine();”但什么也没有,在加载新客户端后,formGroup 会刷新,因为如果客户端 1 中的 selectedClient 中没有名字或姓氏,我没有触及的复选框会切换,所以只有触及/手动更改的复选框会被卡住 更新:ts 代码部分: onClientSelected(event: MatAutocompleteSelectedEvent) { this.selectedClient = event.option.value as Client; this.formGroup.get('filter').setValue(this.displayFn(this.selectedClient)); this.mergeClientService.getById(this.selectedClient.id).subscribe( (data: MergeClient) => { this.mergeClientInfos1 = data; this.resetSelectionFields(); this.combineAdvisors(); this.processClientMergeInfos(this.mergeClientInfos1, this.mergeClientInfos2); }); private prepareForm(){ const filterValue = this.selectedClient ? this.selectedClient.name + " " + this.selectedClient.surname : ''; const filterValue2 = this.selectedClient2 ? this.selectedClient2.name + " " + this.selectedClient2.surname : ''; const clientDomName = this.selectedClient ? `${this.selectedClient.name} ${this.selectedClient.surname} ${this.selectedClient.email || ''}` : ''; const clientDomName2 = this.selectedClient2 ? `${this.selectedClient2.name} ${this.selectedClient2.surname} ${this.selectedClient2.email || ''}` : ''; this.formGroup = this.formBuilder.group({ filter: [filterValue], filter2: [filterValue2], acquired: false, client: "", client2: "", clientOneDomName: [{ value: clientDomName, disabled: true }], clientTwoDomName: [{ value: clientDomName2, disabled: true }], clientOneLastName: [{ value: this.selectedClient?.name || '', disabled: true }], clientTwoLastName: [{ value: this.selectedClient2?.name || '', disabled: true }], clientOneFirstName: [{ value: this.selectedClient?.surname || '', disabled: true }], clientTwoFirstName: [{ value: this.selectedClient2?.surname || '', disabled: true }], clientOneCompanyName: [{ value: this.selectedClient?.companyName || '', disabled: true }], clientTwoBCompanyName: [{ value: this.selectedClient2?.companyName || '', disabled: true }] }); selectField(field: 'name' | 'surname' | 'companyName', value: string) { switch (field) { case 'name': this.selectedName = value as string; break; case 'surname': this.selectedSurname = value as string; break; case 'companyName': this.selectedCompanyName = value as string; break; } } resetSelectionFields(){ this.dominantClient = null; this.selectedName = ''; this.selectedSurname = ''; this.selectedCompanyName = ''; this.formGroup.markAsPristine(); this.prepareForm(); } 注意:抱歉,我不知道你想要获得 你为什么想得到??? 记住可以通过方式引用formgroup的字段 form.get('name_of_field').value 例如 <input type="radio" name="name" [checked]="form.get('clientOneDomName').value"> //or <input type="radio" name="name" [checked]="!form.get('clientOneDomName').value && form.get('clientOneDomName').value"> 如果你只能使用检查,你是否走在正确的道路上
¿由于在 jsPDF 脚本中导入库,因此无法在选择收音机时输入错误的功能?
在使用输入无线电进行选择时,请单击一个公式,然后单击输入无线电选项以进行选择
如果选中复选框,我想使用一些JS来执行功能。但是,我的输入字段复选框在选中时不断返回 false,我不明白为什么。 这是 HTML: <...
我有这个标题,里面有一个菜单。我可以在选中复选框时打开菜单,但我不知道如何解决我希望 CSS 内容从汉堡菜单更改为关闭 ic...
仅当选中复选框时才使用 for 属性为标签设置背景颜色 CSS
有很多在选中复选框时为所有标签着色的示例。我需要为带有“for”属性的单个标签着色 我在尝试: 输入[type =“checkbox”]:选中〜...
在引导表中使用复选框时,所选的每一行都会变黑,我如何管理颜色或者我缺少库或其他东西 已检查引导表 我尝试了 CSS 属性 chan...
'要求是 onhover 复选框必须可见,但 onmouseout 选中的复选框必须可见,未选中的复选框必须不可见。我的问题是复选框悬停功能单独工作,但 ch...
我在表格(打字稿)中生成复选框,如下所示: 生成表():无效{ var table = document.getElementById("table1") as HTMLTableElement; if (table.childElementC...
如何从Facets-CheckBox Group中获取选中的值?
我在“120 - 机场分面搜索”页面上使用 ORACLE APEX“示例地图”示例。 我需要从 Facet“P120_STATE”获取选中的选项(这是一个复选框...
减少或简化以下检查适用输入字段的php函数的好方法是什么? 减少或简化以下检查适用输入字段的 php 函数的好方法是什么? <?php $options = get_option( 'navbar_style', '' ); $right = $left = $fade = ''; if( isset( $options['style'] ) ) { if( $options['style'] == 'right' ) { $right = ' checked="checked"'; } if( $options['style'] == 'left' ) { $left = ' checked="checked"'; } if( $options['style'] == 'fade' ) { $fade = ' checked="checked"'; } } ?> <label><input type='radio' name='navbar_style[style]' value='right' <?php echo $right; ?> >Right <em>(Default)</em></label> <label><input type='radio' name='navbar_style[style]' value='left' <?php echo $left; ?> >Left</label> <label><input type='radio' name='navbar_style[style]' value='fade' <?php echo $fade; ?> >Fade</label> 可以使用动态变量设置,但是不推荐!请参阅下一个示例以正确使用。 $options['style'] = 'left'; $right = $left = $fade = ''; if (in_array($options['style'] ?? '', ['right', 'left', 'fade'])) { ${$options['style']} = ' checked="checked"'; } var_dump($right, $left, $fade); string(0) "" string(18) " checked="checked"" string(0) "" 一个更简洁的方法是这个版本并使用例如$checks['left']而不是$left. $checks = []; foreach (['right', 'left', 'checked'] as $check) { $checks[$check] = $options['style'] === $check ? ' checked="checked"' : ''; } var_dump($checks); array(3) { 'right' => string(0) "" 'left' => string(18) " checked="checked"" 'checked' => string(0) "" } 创建一个函数并传入选项可能更紧凑,那么它只是一个测试,看看是否设置了该选项并返回相应的 html ... function styleCheck($option, $options) { return ($options['style'] ?? '') == $option ? ' checked="checked"' : ''; } ?> <label><input type='radio' name='navbar_style[style]' value='right'<?php echo styleCheck('right', $options); ?>>Right <em>(Default)</em></label> <label><input type='radio' name='navbar_style[style]' value='left'<?php echo styleCheck('left', $options); ?>>Left</label> <label><input type='radio' name='navbar_style[style]' value='fade'<?php echo styleCheck('fade', $options); ?>>Fade</label> 你也可以这样做: $style = ['right' => '', 'left' => '', 'fade' => '']; if (isset($options['style']) && array_key_exists($options['style'], $style)) { $style[$options['style']] = ' checked="checked"'; } 你可以试试这个: $options = get_option( 'navbar_style', '' ); $styles = array('right', 'left', 'fade'); $checked = array_fill_keys($styles, ''); if(isset($options['style']) && in_array($options['style'], $styles)) { $checked[$options['style']] = 'checked="checked"'; } 作为一名程序员,您应该留意代码中的重复模式。显然,有重复的 HTML 标记,文本调整最少。首字母缩略词 D.R.Y 的意思是“不要重复自己”。 创建一个包含这些动态数据点的数组,然后实现一个循环来生成所需的标记。这将有助于防止拼写错误并使您的脚本更易于维护。 代码:(演示) $options = ['style' => 'left']; $radios = [ 'right' => 'Right <em>(Default)</em>', 'left' => 'Left', 'fade' => 'Fade', ]; foreach ($radios as $value => $text) { printf( "<label><input type='radio' name='navbar_style[style]' value='%s'%s>%s</label>\n", $value, ($options['style'] ?? '') === $value ? ' checked' : '', $text ); }
在这里输入图片描述 (在此输入图片描述 Task.js 在此处输入图像描述
有两个单选按钮分别。有不同的名称值。我想在两个单选按钮都是 "选中 "的情况下,给div元素添加一个css。$(document).ready(function(){ $('input[name="nameone"]...。
如何在Vanilla JS中做一个函数,把选中的属性放在单选输入之前?
我找不到这个问题的解决方案。需要用JavaScript把属性检查放在选定的输入之前的输入类型radio上。我试着用radioButton[i]来锁定所有元素......。
如何只显示选中的选项,而隐藏所有未选中的选项? $("#checked_show").click(function() { $("input").hide(); $("label").hide(); });
我有一个复选框和两个输入字段。要么勾选复选框,要么必须填写两个输入字段。我正在使用Angular进行验证,即ng-show,ng-requency。当...
DataTable-列表中的第一个单选按钮从未显示为选中状态
我在最后一列中有一个带有无线电组的表,其中每个组都有一个唯一的名称。我已将每个组的第一个收音机设置为选中状态,但出于某些奇怪的原因,第一行包含所有收音机...
我正在尝试对选中的ul元素进行动画处理,但是它不起作用,我不确定它是否与translateY动画或ul元素有关。我已经尝试使用“ +”代替“ ...”>
我具有用于上载文档的输入,并且我正在尝试检查它是否为空以显示警报。这是我的代码: