草庐IT

按钮组件

全部标签

javascript - 如果我以编程方式选择单选按钮,则调用 change() 事件处理程序

我有这样的HTML:FixedSavingType2和下面的脚本$(function(){$('input[name=type]').change(function(){alert($(this).val());});$('input[value=SV]').attr('checked','checked');});首先,为单选按钮添加了一个更改事件。如果我从UI选择单选按钮,则会触发更改事件处理程序。但是当我以编程方式更改选定的单选按钮值时,它不会触发。我希望在以编程方式选择单选按钮时也触发change事件。 最佳答案 您可以使用

javascript - 除非选中单选按钮,否则如何使复选框变灰?

对javascript很陌生,但如果能帮助我入门,我将不胜感激。我有一个简单的表格:BurgerFrieswiththat?PizzaHotDog除非选中“汉堡”单选按钮,否则我希望“薯条”复选框变灰。我不确定Javascript或CSS是最好的方法。提前致谢! 最佳答案 你想要做的是将元素设置为禁用,直到单选按钮的状态发生变化,这将使用javascript完成,然后你将在单选按钮的onchange中添加/删除禁用的类。您正在考虑使用哪些JavaScript库?jQuery将使这相当简单。$('#burger').change(fu

javascript - 来自组件的 Angular 2 getBoundingClientRect

我有如下组件,它基本上是一个弹出窗口:import{Component,Input,ViewChild}from'angular2/core'declarevar$:any;@Component({selector:'popover',template:``})exportclassPopover{@ViewChild("temp")temp;privatehidden:boolean=true;privatey:number=0;privatex:number=0;show(target,shiftx=0,shifty=0){letposition=$(target).offset(

javascript - 为什么箭头语法优先于功能性 React 组件的函数声明?

我总是看到用箭头函数语法定义的函数式React组件的示例:constfoo=()=>(...);exportdefaultfoo;而不是更传统的函数声明语法:exportdefaultfunctionfoo(){return...;}是否有理由更喜欢前者而不是后者? 最佳答案 我会说这确实是一个有点自以为是的选择。我(个人)将箭头函数用于纯功能组件视为非常糟糕的做法至少有几个原因。这是那些:语法滥用。当我们定义功能组件时,我们不需要将其上下文预先绑定(bind)到特定范围。上下文(this)在模块命名空间中无论如何都将是undefi

javascript - 将 Native 传递函数作为 prop 传递给子组件

我是ReactNative(和React)的新手,我正在尝试将函数作为prop传递给组件。我的目标是创建一个组件,它的onPress功能可以由组件的实例化器设置,以便它更容易重用。到目前为止,这是我的代码。App.jsimportReact,{Component}from'react';import{View}from'react-native';importTouchableButtonfrom'./components/touchable-button';exportdefaultclassAppextendsComponent{constructor(){super();}han

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面

c# - colorbox + asp.net 按钮不会回发

我正在使用colorbox模态插件(http://colorpowered.com/colorbox/)我在母版页中有一个简单的表单,由于某种原因我无法获得提交按钮以回发,它根本不执行任何操作。似乎是少数人遇到的问题,但我找不到解决办法。这是我正在玩的一些代码,有什么线索吗?主页中的代码$(document).ready(function(){//ExamplesofhowtoassigntheColorBoxeventtoelements$("a[rel='example1']").colorbox();$("a[rel='example2']").colorbox({transit

javascript - 另一个组件中的 React JS 引用函数

我正在尝试通过另一个组件呈现一个按钮,以引用和/或影响不同组件的状态。varInputs=React.createClass({getInitialState:function(){return{count:1};},add:function(){this.setState({count:this.state.count+1});},render:function(){varitems=[];varinputs;for(vari=0;i);items.push();}return({items});}});我想编写一个新组件,该组件将能够访问Inputs中的add函数。我尝试像这样用I

javascript - 带有 Flux 的嵌套循环 React 组件,更改父级或子级的监听器?

我正在React/Flux中构建一个WordDojo克隆。该游戏本质上是Boggle-您可以通过点击网格中相邻的字母来拼词:我的React组件及其来源:GameboardTileColumnTile所有源代码canbeviewedhere.目前的运作方式:有一个GameStore包含javascript对象的二维数组。这些对象有一个“字母”字符串值和一个“事件”bool值。当用户单击一个字母时,它会分派(dispatch)到GameStore,GameStore会更新该二维数组并发出Change事件。GameBoard组件监听该更改事件,然后重新呈现10个TileColumns,每个T

javascript - 在两个同级 React.js 组件之间传递数据

我在一个页面上有一个组件(一个搜索字段)的两个实例,它们之间有第二个组件(一个调用服务器的按钮),例如:ReactDOM.render(,document.getElementById('root'));我想做的就是从CardSearch字段向RunOnServer按钮每个传递一个未修改的参数,但如果这很容易,我会被诅咒的。Accordingtothis我可以使用this.state.var作为Prop,但是这样做会在代码编译时给了我“undefined.state.var”。React'sofficialdocs不是很好;他们只是告诉我自己去使用Flux,这看起来很愚蠢……我不需要一