标签: onchange

标题建议我想知道复选框change和click事件之间的区别(在jQuery中)

我已经读过这个答案了.click和.change在复选框上有什么区别

但是,它不适合我.change即使我在没有失去焦点的情况下击中空间也会开火

这是一个小提琴演示

两者似乎都是一样的.我在这里错过了什么吗？

我正在尝试创建一个函数,该函数将在a的值text input field更改时执行.单击表格单元格时,字段的值会更改,而不是打开keyup,也不会粘贴.我试过这样的:

$("#kat").change(function(){ 
    alert("Hello");
});

我有文字字段:

<input type="text" id="kat" value="0"/>

但它不起作用.有帮助吗？

我是React的新手,经过一些教程后,我正在尝试下面的代码.

我创建了一个组件,从商店向它传递道具,在componentWillMount我为组件创建一个新状态.渲染很好,直到现在.

接下来,我state将输入框的值限制在一起,我也有onChange听众.不过,我无法在现场改变我的价值观.

因为,我从角的背景是,我假设结合输入的值陈述象下面会自动更新属性name的state对象.我错了吗？

componentWillMount(){
    this.setState({
        updatable : false,
        name : this.props.name,
        status : this.props.status
    });
}

//relevant DOM from component's render function
<input className="form-control" type="text" value={this.state.name} id={'todoName' + this.props.id} onChange={this.onTodoChange.bind(this)}/>

onTodoChange(){
    console.log(this);
    //consoling 'this' here, shows old values only.
    //not sure how and even if I need to update state here.
    // Do I need to pass new state to this function from DOM
    //TODO: send new data to …

我正在使用Chosen jQuery插件,并注意到该change事件仅在页面加载时才起作用,而不是每次input更改字段时.

每次用户更改输入字段的值时,如何使其工作？

这是我的代码:

 $("#day").chosen().change({
     console.log('working');
  });

我错过了什么吗？

我有一个select字段,动态填充ajax调用,只返回所有HTML选择选项.这是PHP的一部分,它只是回显select标签并动态填充每个选项/值.

echo "<select name='player1' class='affector'>";
echo "<option value='' selected>--".sizeof($start)." PLAYERS LOADED--</option>";

foreach ($start as $value) {
    echo "<option value='".$value."'>".$value."</option>";
 }  
  echo "</select>";
}  

填充此列表后,我正在尝试调用更改事件,以便每当在SELECT列表中或在具有相同类的文本字段中更改默认选项时,它将禁用在表单的另一部分中设置的单选按钮.(你可以看到最初的问题,我问来获取工作的功能这一部分在这里)

$('.affector').change(function(){
       $(this).parents('tr').find('input:radio').attr('disabled', false);
});

出于某种原因,即使我给select字段指定了正确的类名(affector),当我在字段中选择不同的选项时,表单的其他部分也不会禁用.具有相同类的静态文本字段工作正常.我很难过.

有任何想法吗？

我正在AngularJS中进行验证,如果有3种类型的错误,我会显示一个div.

对于required,我只想在页面以空值提交时显示错误消息

<div class="error" data-ng-show="submitted && mainForm.email.$error.required" />

对于正则表达式验证,我希望它标记实时的默认行为.

<div class="error" data-ng-show="mainForm.email.$error.pattern" />

我面临的问题是minlength.我不想在打字时显示它.这很烦人,因为他们还没有完成打字.我也不想在提交时显示它,我认为为时已晚.当它们不再是元素的焦点时,我想展示它.

如果//mainForm.email.$focus存在,我可以简单地这样做

<div class="error" data-ng-show="mainForm.email.$error.minlength && 
!mainForm.email.$focus"/>

有人知道有什么方法可以做这种检查或任何非抽出的替代方案吗？

谢谢!

我正在处理这个html5文件上传器插件,但它有一个谷歌Chrome的错误,我无法理解和解决它.它适用于Firefox.

jsfiddle链接

问题是您无法从桌面上载两次相同的文件.

当您第一次单击,选择,然后单击确定以从桌面上载文件时,它应该警告消息,例如'.button-1' - 取决于您单击的上载按钮.

然后,如果您再次尝试上传相同的文件,则不再执行此行代码,

$(".upload-file",object_parent).change(function() {

             ...
             ...

             alert($cm.selector);

});

知道这个插件出了什么问题吗？

(function($){

    // Attach this new method to jQuery
    $.fn.extend({ 

        // This is where you write your plugin's name
        upload_file_html5: function(options) {

            // Set the default values, use comma to separate the settings, example:
            var defaults = {
                objectSuperparent:    '.media'
            }

            var options =  $.extend(defaults, options);
            var o = options;

            var $cm = this.click(function(e){

                // <a> button is the …

我有一个内部有几个选择的表单.我正在将select2 jquery插件应用于这样的选择:

$("select.company_select, select.positions_select").select2();

select的工作正常,但我有这个代码自动提交我的表单(我在表单标签上有autosubmit类).

var currentData;
    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('focus', function () {
        currentData = $(this).val();
    });

    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('change', function () {
        console.log('autosubmiting...');
        var $this = $(this);
        if (!currentData || currentData != $this.val()) {
            $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) {
                currentData = "";
            });
        }
    });

问题是,使用select2,更改或焦点事件根本不会触发.如果我删除了select2,那么事件会被完全解雇.

我究竟做错了什么？

<% using (Html.BeginForm() { %>

  <%=Html.DropDownList("TopItemsList", ViewData["ListData"], new { onchange="[???]" })%>

<% } %>

在上面的例子中,你应该在change上设置什么值？或者,您如何获得正确的表格？

与Ajax.BeginFrom有什么区别吗？

我有一个简单的下拉菜单,我想拥有它,以便如果用户选择拥有一个婴儿,该消息将更改为"有一个婴儿",但对于任何其他选择.消息保持不变(没有),但这不起作用.有人可以请帮助.请和我的jsfiddle一起玩.

http://jsfiddle.net/Z9YJR/ 这是html

<select id="leave">
  <option value="5">Get Married</option>
  <option onchange="changeMessage()" value="100">Have a Baby</option>
  <option value="90">Adopt a Child</option>
  <option value="15">Retire</option>
  <option value="15">Military Leave</option>
  <option value="15">Medical Leave</option>
</select>

<div id="message"></div>

这是js

function changeMessage() {
    document.getElementById("message").innerHTML = "Having a Baby!!";
}