我有一个复选框，它调用一个js函数，如下所示：
<input type="checkbox" onclick="return validate('tos')" value="1" name="tos"/>
但我在JS检测时遇到了一个问题，当它实际上是unticked时，它似乎总是返回true。
我的脚本是这样写的：
function validate(type){
var x = document.getElementById("reg"); //get array of el
浏览 2提问于2012-05-26得票数 1
回答已采纳
1回答
我正在开发一个react应用程序，并试图在渲染之前获取数据。我在网上尝试了很多可用的解决方案，但似乎都不起作用。我正在尝试从我的nodeJS服务器获取数据(从服务文件夹中的文件，以便我可以管理它们，添加它们等)。 import React, {Component} from 'react';
import Checkbox from './Checkbox';
import axios from 'axios';
const OPTIONS = [];
console.log('dd');
class App extend
浏览 63提问于2020-09-18得票数 0
回答已采纳
3回答
我想在组件中使用。但是，显示的是常规的复选框，而不是样式元素。怎么解决这个问题呢？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, i
浏览 1提问于2015-04-15得票数 11
回答已采纳
我看到了一个很棒的帖子：How to get persist checkbox checked on page refresh in React JS? 但是当它到达答案时，answers沙箱的链接被“破坏”或禁用……关于他们如何修复https://codesandbox.io/s/clever-noether-7ze1r?file=/src/App.js上的刷新问题，我真的需要一个好的答案。 如果要求不多的话。
浏览 14提问于2021-11-04得票数 0
<script type="text/javascript">
$(document).ready(function () {
//Checked or unchecked All Checkboxes inside grid with header checkbox
$("#<%= GridView_ManageUser.ClientID %> input[id*='checkbox_allcheckUncheck']").click(function () {
浏览 6提问于2017-09-22得票数 0
回答已采纳
如果我选中了复选框1，再次插入到数据库中我选中了复选框2，我的表格显示checkbox1，checkbox1，checkbox2。
在这里，我使用foreach循环来解决问题，或者其他任何方法来解决这个问题。
JS代码：
$("input[type=checkbox]").on("change", function() {
var ids = [];
var dis = [];
$('input[type=checkbox]:checked').each(function() {
ids.push($(this).val()
浏览 2提问于2017-04-24得票数 0
1回答
描述
我对JS的反应非常新，这可能会在我的代码中显示出来。我正在尝试做一个简单的待办应用，这将帮助我使我的头脑在编码与反应。如果选中了复选框，应用程序应该简单地显示“完成”，如果没有，则显示“不完整”。但是，复选框没有在单击时更新。
我认为问题在于不理解React逻辑，导致用默认变量一次又一次地调用Checkbox()函数(例如:选中的== true)。
如有任何建议，将不胜感激！
代码和示例
截图作为一个例子：
文件树(不包括node_modules文件夹)：
.
├── package.json
├── package-lock.json
├── public
│ └── ind
浏览 3提问于2021-02-25得票数 1
回答已采纳
使用隐藏的复选框来创建带有状态的样式-例如，在动画下拉列表、自定义复选框等时-是一种非常流行的技术。使用JavaScript也很容易做到这一点。
这两种策略都有什么缺点吗？我正在寻找性能，渲染/重绘/回流，兼容性，代码标准，SEO等方面的差异。
function toggle() {
var cb = document.getElementById('checkbox-js');
if (cb.className === 'checkbox') {
cb.className = "checkbox checked";
}
浏览 1提问于2015-05-04得票数 0
我试图从一组具有相同类名的复选框中获取当前复选框的值，如下所示。然而，jquery代码似乎没有相应地执行。有人能帮我解决这个问题吗？
HTML
<input type="checkbox" class="checkbox1" value="test"/><br />
<input type="checkbox" class="checkbox1" value="test2"/> <br />
<input type="checkbox&
浏览 3提问于2014-06-27得票数 0
回答已采纳
我有一个Newevent类组件，它需要几个用户输入。其中一个是名为access的用户is数组，其余的是文本输入。下面是我正在考虑的代码：
export default class NewEvent extends React.Component {
state = {
name: '',
access_list: [],
modalVisible: false
};
triggerModal() {
this.setState(prevState => {
return {
浏览 1提问于2019-05-09得票数 0
回答已采纳
2回答
function submit() {
var values = [];
$("input[type=checkbox]:checked").each(function(){
values.push($(this).next("value").text());
});
alert(values.join());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></s
浏览 0提问于2018-02-27得票数 0
回答已采纳
1回答
我使用的是我在网上找到的，它使复选框看起来像iOS交换机。我试图启动开关或关闭，这取决于我在其他地方有一个变量。问题是，如果我使用checkbox.click()，那么小部件的基础复选框将被更改，但开关不会被触发。我试图利用这个特定的事件来了解更多我在JS中不知道的东西，特别是小部件动画是如何触发的。这个小部件的js非常混乱，我想我可以通过click()或onclick()触发动画，但两者都不起作用。我不知道该怎么做。
下面是一个最低限度的工作示例。只需在一个名为simple_switch_master的文件夹中下载回购文件，并将这些文件添加到同一个目录中即可！
index.html**:**
浏览 0提问于2019-03-13得票数 1
回答已采纳
M无法验证复选框，如果选中或未选中，因为两个HTML都是相同的
我试过isSelected()，但它不起作用
下面是所选和未选定的HTML代码
1)选定
<label class="c-account-access-panel__checkbox " for="23336" data-js-checkbox-label="">
<input id="23336" class="c-account-access-panel__checkbox-input" type="checkbox&
浏览 0提问于2018-05-31得票数 2
回答已采纳
2回答
我正在努力解决App.js的一个问题，它有一个复选框组件。当有人在该组件中勾选复选框时，我希望在App.js文件中更新该复选框的状态。下面是我的复选框组件的代码。我正在使用的材料用户界面，如果这有任何不同。
import Checkbox from '@material-ui/core/Checkbox';
import FormGroup from '@material-ui/core/FormGroup';
import FormControlLabel from '@material-ui/core/FormControlLabel';
浏览 8提问于2021-01-06得票数 2
回答已采纳
2回答
在Vue.js应用程序的组件中，我从Vuex存储中获取信息。在这个组件中，我想显示 (预加载器)，直到存储的数据不可用为止。怎样才能成功呢？
<template>
<v-navigation-drawer
v-model="open"
absolute
right>
<v-overlay
:absolute="absolute"
:opacity="opacity"
:value="overlay">
&l
浏览 0提问于2019-11-29得票数 1
回答已采纳
2回答
嗨，我是新的反应，并写了一个小的应用程序与一个形式，以获得一些实践。它由App.js文件以外的4个组件组成。我正在尝试让我的Checkbox.js组件与我的SubmitButton.js组件通信，而不管它是否被选中，以便只有当用户选中该框时，提交按钮才会被启用。我试着使用道具，就像你在下面的代码中看到的那样，但我可能做错了。有没有人能帮我学习正确的方法呢？我不确定这是否重要，但我使用的是Material-UI库。谢谢。
App.js
import React from 'react';
import NavBar from './Components/NavBar
浏览 58提问于2019-06-11得票数 2
我对react-redux是个新手。我试图使选择所有的checkBox功能与个人的checkBox选择也。选中所有单个复选框后，需要选中SelectAll checkbox。我已经花了很长时间来做这个了，但是我正在做错的地方。 Action.js:- const SELECT_CHECKBOX = "SELECT_CHECKBOX";
const SELECT_ALL_CHECK_BOX = "SELECT_ALL_CHECK_BOX";
export const selectCheckBox = (e,id) =>{
浏览 10提问于2020-10-31得票数 0
4回答
我昨天又做了一次，但没有成功。我现在试着重新排序，然后再问一遍，因为我找不到解决这个问题的方法(我是个新手，而且我正在努力)。
问题是，我正在使用基于Bootstrap的模板，这是我可以从其中一个文件直接看到的代码，我在我的项目中使用了这些代码：
html片段：
<div class="hide" id="states">
<div class="control-group">
<label class="control-label"&
浏览 7提问于2014-08-05得票数 12
回答已采纳
我不喜欢以下文件结构：
...
reducers/
actions/
components/
...
我更愿意以一种更符合逻辑和易于编辑的格式存储项目，即
form
- box
-- radiobox
-- checkbox
- text
-- text
-- textarea
这对我来说只是更容易添加组件和维护每个文件的意义，这是适当的跟踪。添加Redux会使这一点复杂化，但允许使用相同的结构。示例文件将是RadioBox.js, RadioBox_Reducer.js, RadioBox_Actions.js
如何使用一些棘手的导入或导入方法来完成此操作。当然，我想自动化这一切，所以我不会
浏览 2提问于2018-01-15得票数 0
2回答
我是AngularJS的新手，所以我仍然试图掌握最佳实践和做事的“角力方式”。话虽如此，我的情况如下：
我正在尝试提交一份AngularJS表格。表单的一部分是我希望用户从中选择的博客名称列表。每个<li>内部都有一个复选框。当用户单击li时，我希望选中复选框，以便在表单提交时，它记录选定的博客名称。
<li>
<div>
<img ng-src="{{ image }}" />
</div>
<div>
{{ name }}
</div
浏览 1提问于2016-08-17得票数 1
回答已采纳
1回答
我的ng-repeat出了点问题。点击ng-click后，我的ng-repeat没有加载，页面是空的。我有一个名为"food.html“的html文件，我在其中调用了ng-click()。此外，我还有一个”food Snack.html“文件，其中包含ng-repeat，至少还有我的"controller.js”，其中调用了ng-click函数。我希望有人能帮助我。我为我混乱的符号感到抱歉，但这是我的第一个博客。
1.food-snack.html
<ion-content class="padding" >
<ion-refreshe
浏览 0提问于2017-01-09得票数 0
创建MDL表时，其中一个选项是应用类‘mdl-data- table --可选’。当MDL呈现表时，会在指定列的左边插入一个额外的列，该列包含复选框，允许您为操作选择特定行。对于我的应用程序，当一个人检查或取消复选框时，我需要能够处理一些JavaScript。到目前为止，我还无法做到这一点。
问题是，您没有直接指定复选框控件，而是在MDL升级整个表时插入它们。对于其他MDL组件，例如按钮，我可以在使用HTML按钮标记指定按钮时，在按钮本身上放置一个onclick事件。
尝试将onclick放在为呈现复选框而创建的各种容器对象和跨度上的尝试没有成功。我所附的那些事件似乎并没有引起注意。我最近看到
浏览 2提问于2015-07-31得票数 4
回答已采纳
1回答
所以我试着用Javascript和Firebase做一个实时按钮。目前，我有一个工作按钮，这是改变的变量在实时数据库从开到关。但是默认值没有保存，所以当我关闭按钮并重新加载页面时，它显示它是打开的，我该如何解决这个问题呢？我还希望它在所有客户端之间实时更新 App.js (function() {
//Get elements
const preObject = document.getElementById('object');
// Create reference
dbRefObject = firebase.database(
浏览 23提问于2020-05-03得票数 0
回答已采纳
我需要检查所有的输入，这些是在标签上点击“检查-所有”类。我尝试过nextAll()方法，但它不起作用。请帮帮忙
$('.check-all').click(function() {
alert('asdasd');
$(this).nextAll('input').prop('checked', 'true');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&g
浏览 5提问于2022-07-28得票数 0
回答已采纳
我正在尝试处理Magento项目的checkbox checked事件，下面是checkbox的html代码：
<td class="col col-method">
<input type="checkbox" data-bind="checked: checkedAction, click: clickedAction"/>
</td>
下面是js代码：
define([
'jquery',
'underscore',
'Magento
浏览 14提问于2016-01-05得票数 0
我使用bootstrap 3.3.6让我的web服务器(tornado setup)看起来更专业。但是，现在我试图从JSON文件中加载默认值，复选框仍然使用它们的初始值。更改JSON文件中的相应值不会产生任何影响。我知道问题出在Bootstrap上，因为注释掉"Configure Reorder switch“部分的三行可以解决我的问题。我对java和web开发相当陌生，所以请耐心等待。 正常复选框可使用以下命令取消选中： $('#reorderButton').prop('checked', false); 但这不适用于Bootstrap。在网上搜索
浏览 14提问于2019-01-04得票数 2
回答已采纳
在我的xml中：
<CheckBox android:id="@+id/checkboxUpdateLessonPlanAll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/chkLessonPlanAll"
android:onClick="onCheckboxClicked&
浏览 0提问于2013-11-18得票数 5
回答已采纳
这是在JS中使用checkbox的正确方式吗？我只能让事件触发一次，而不是每次单击该框时。 var checkbox = document.checkbox;
checkbox.addEventListener('change', function(){
switch(this.value){
case "on":
checkbox.value = "off"; break;
case "off":
checkbox.value = "on"; bre
浏览 28提问于2020-01-01得票数 0
4回答
我在使用d3 selection选中和取消选中复选框时遇到困难。下面的代码似乎不起作用。我希望在按下' check‘时选中所有复选框，在按下'uncheck’时取消选中所有复选框。
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<button type
浏览 7提问于2013-11-08得票数 18
4回答
在选择之前，如何从CheckBox控件获取值？？它没有.Value方法。
else if (c.GetType() == typeof(CheckBox)) // c is control
{
string textValue= ((CheckBox)(c)).Text; // here I take the text
string value= ((CheckBox)(c)).????; //how should I take the value?
浏览 1提问于2015-07-05得票数 3
1回答
我正在尝试创建一个嵌套/分组复选框列表，其中选择一个复选框(父)应该根据一个数据对象数组选择其他复选框(所有其子复选框)。现在，硬编码checked状态中的App.js值会反映复选框输出的滴答声，但是当状态通过将setState作为道具传递给子组件而被修改时，复选框不会更新。
部分解决我所要做的事情的一种方法是在CheckBoxGroup.js onChange方法中使用一个onChange，以改变一个布尔值，从而迫使组件进行更新。但即使如此，控制台也会显示正确更改的props.state，但app.js组件状态不会反映。如果没有useState，复选框似乎也不会重新呈现。谁能帮个忙吗？谢谢
浏览 0提问于2020-01-15得票数 0
回答已采纳
2回答
我跟踪了这个来自的。
以下是我的HTML代码：
<div id="paramStart">
<div id="gameType">
<div id="UserVsComputer" class="checkbox" style="margin-left: 8px;">
<label><input type="checkbox" value="">User vs C
浏览 1提问于2015-12-17得票数 3
回答已采纳
2回答
当用户界面的初始值为false或null时，我正在处理后端值。如果值为false或null，则需要选中我的复选框，如果后端值为true，则需要取消选中我的复选框。使用，资料UI复选框
链接到代码框：
import * as React from 'react';
import Checkbox from '@mui/material/Checkbox';
export default function ControlledCheckbox() {
const [checked, setChecked] = React.useState(false);
浏览 5提问于2022-05-15得票数 0
5回答
如何在选中复选框时更改相应的文本。我希望在选定时将文本更改为一个值，并在未选中的框中返回。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >
<div class="container">
<div class="row">
<div class="btn-group" data-toggle="b
浏览 4提问于2016-06-12得票数 1
回答已采纳
2回答
背景：
我在模板中有一个组件。此组件是一个弹出框，按一下按钮就会打开。此弹出框中有复选框(默认设置为false)。当我关闭此弹出框时，我希望将所有变量完全重置为默认设置，即现在关闭所有复选框。当前，当我重新打开此弹出框时，仍会选中前面的复选框。如何在不手动切换每个复选框的情况下做到这一点：
this.set("checkbox1", false);
this.set("checkbox2", false);
so on...
是否有一个函数将自动重置组件并取消选中所有复选框并将变量设置为false？
相关代码：
模板: app/template/home.hbs
浏览 5提问于2016-12-31得票数 0
回答已采纳
我正在创建一个包含项目的RecyclerView。每个项目都有一个CheckBox、ImageButton和一个TextView，如下所示：
public class RecyclerViewViewHolder extends RecyclerView.ViewHolder {
RelativeLayout item;
TextView id;
TextView name;
ImageButton delete;
CheckBox checkBox;
public RecyclerViewViewHolder(View view) {
浏览 5提问于2016-06-08得票数 3
回答已采纳
我有5个复选框，当单击它们时，它们会使用onCheckedChangeListener将抽象类中的布尔值设置为true或false。示例：
checkbox.setOnCheckedChangeListener(new OnCheckedChangeListener(){
@Override
public void onCheckedChanged(CompoundButton buttonView,boolean isChecked)
{
if(isChecked)
浏览 5提问于2014-05-16得票数 0
回答已采纳
WPF EventTriggers.EnterActions不工作。Ust的两个类似的故事板在Trigger.Actions - work，但在Trigger.EnterActions -不.
复选框2上的触发器有效，但复选框1上的触发器不触发。
WPF EventTriggers.EnterActions不工作。Ust的两个类似的故事板在Trigger.Actions - work，但在Trigger.EnterActions -不.
<StackPanel>
<CheckBox Content="checkbox 1">
浏览 13提问于2022-10-28得票数 0
我在下面写了这段代码，但是我没有发现错误。当我点击"Check / Uncheck All“时，我想要增加/减少，计数标记p的结果。谢谢
$("#checkAll").change(function() {
var status = $(this).is(":checked") ? true : false;
$(".chk2").prop("checked", status);
});
showChecked();
function showChecked() {
document.getEleme
浏览 5提问于2020-01-29得票数 0
回答已采纳
我有一个Flatlist组件，它将其状态和setState传递给子组件。子组件确实更改了父组件的状态(尝试使用setinterval和console.log显示状态)，但我无法监听何时发生更改。我试着用 useEffect(()=>{
console.log(`listState:`, state);
},[state]); 但是它从来不会触发，除非是在挂载时。这是我的代码。 // in CheckboxFlatList.js (parent)
import React, { useState, useEffect, useRef } from 'react';
im
浏览 66提问于2020-08-15得票数 0
回答已采纳
我需要得到检查复选框值时，按钮被点击。Java代码：
dualcamera1 = (CheckBox)findViewById(R.id.Camera1_DualDisplay);
dualcamera2 = (CheckBox)findViewById(R.id.Camera2_DualDisplay);
dualcamera3 = (CheckBox)findViewById(R.id.Camera3_DualDisplay);
dualcamera4 = (CheckBox)findViewById(R.id.Camera4_DualDisplay);
dualdisplay = (Bu
浏览 2提问于2012-02-23得票数 45
回答已采纳
1回答
集中的、检查过的类似乎不能正常工作。我需要始终使用！重要或使用jss风格提供的材料-用户界面。例如：
CssModulesButton.module.css
.checkboxtest {
color: blue;
}
.checkboxtestworking {
color: blue !important;
}
CssModulesButton.js
import React from "react";
// webpack, parcel or else will inject the CSS into the page
import styles from
浏览 1提问于2020-05-15得票数 1
回答已采纳
5回答
我正在开发CMS，并在添加表单上使用我的表单中的。但是它总是返回checked或on值。
代码
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.bootstrap-switch.org/docs/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://www.bootstrap-
浏览 0提问于2015-09-30得票数 4
回答已采纳
我做了一些扩展，以阻止图片在一个网站上，我可以打开和关闭通过弹出窗口。我让一切正常工作，除了检查它是否应该阻止图像的部分。这就是我现在得到的：
manifest.json
{
"manifest_version": 2,
"name": "Name",
"description": "Description",
"version": "1.0",
"icons": { "256": "256icon.
浏览 1提问于2017-02-18得票数 0
回答已采纳
我有一个简单的React项目。
App.js
import React from 'react';
import Radium, { StyleRoot } from 'radium';
import Checkbox from './Checkbox';
function App() {
// style
const style = {
':hover': {
color: 'red',
backgroundColor: 'blue'
},
浏览 7提问于2020-07-07得票数 0
1回答
我试图在单个选择中使用antd复选框，但是在单个选中时，没有关于如何禁用其他复选框的文档。除了选中的复选框之外，还有“禁用”布尔选项，这对于所有复选框都应该是正确的。
这与react.jsx是可能的吗？
const [checkList, setCheckList] = useState(array)
const [disable, setDisable] = useState(false)
{checkList.map((item) => (
<CheckBox onChange=(e => e.target.checked ? setDisable(true) : se
浏览 11提问于2022-03-11得票数 1
回答已采纳
2回答
如何切换复选框？使用javascript，我可以切换复选框。但是Jquery都切换了一次。
$("#check-all").click(function() {
if ($("#check-all").checked) {
for (var i = 0; i < $('.check').length; i++) {
$(".check")[i].checked = false;
}
} else {
for (var i = 0; i < $('.check
浏览 4提问于2019-11-26得票数 0
回答已采纳
我使用.attr() jQuery函数来选中和取消选中复选框。它第一次起作用，但之后就不再起作用了。
在读了几个关于它的问题后，我就是不能让它工作。例如、和
我在Chrome和Firefox上进行了测试。我在使用时遇到了同样的问题。
问题出在哪里？在JavaScript代码上，在HTML语言中，还是在哪里？
这是所有的代码：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<tit
浏览 0提问于2013-07-10得票数 1
回答已采纳
我尝试执行下面的应用程序，但收到错误消息"Uncaught TypeError: Cannot read property 'checked' of null“。为什么我会得到一个空状态？为什么我无法读取选中的内容？
if语句中Checkbox.js中的接收错误，即
if (this.state.checked) {
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<
浏览 0提问于2017-10-17得票数 2
我有两个复选框，“收件”和“送货”。只有其中一个可以被检查，所以当一个被检查，而我检查另一个，第一个将不被检查。
当我检查A，然后立即检查B，A未检查，如预期。但是，当我控制台日志(如果被选中或不使用.is(":checked") )时，两者都返回true (只有在选中另一个日志时才会出现这种情况)。
我做错什么了？
下面是代码页中的相同代码：
let deliveryCheckbox = $("#checkbox-delivery")
let pickupCheckbox = $("#checkbox-pickup")
deliveryC
浏览 1提问于2021-03-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
