我有这个HTML:

<input type="text" name="textField" />
<input type="submit" value="send" />

我该怎么做这样的事情:

• 当文本字段为空时,应禁用提交(禁用="禁用").
• 在文本字段中键入内容以删除已禁用的属性时.
• 如果文本字段再次变为空(文本被删除),则应再次禁用提交按钮.

我试过这样的事情:

$(document).ready(function(){
    $('input[type="submit"]').attr('disabled','disabled');
    $('input[type="text"]').change(function(){
        if($(this).val != ''){
            $('input[type="submit"]').removeAttr('disabled');
        }
    });
});

......但它不起作用.有任何想法吗？谢谢.

可能重复:
JQuery $(#radioButton).change(...)在取消选择期间不会触发

我有以下HTML/jQuery:

<input id="rb1" type="radio" name="rb" checked="true">
<input id="rb2" type="radio" name="rb">


$("#rb2").change(function () {
    if ($(this).is(":checked")) {
         alert('checked');
    }
    else {
        alert('unchecked');
    }
});

当我的rb2单选按钮选择RB1选,则变化不会触发事件.为什么是这样？是否可以在不更改我的选择器以匹配两个输入然后查看ID的情况下使其正常工作？

小提琴:http://jsfiddle.net/4uRWR/

我有一组名为“价格”的单选按钮。当选择“€”单选按钮时，我要专注于文本输入字段，并且该文本输入字段是必需的。当我单击另一个选项时，应删除必需的属性。

通过Javascript或jQuery是否可行？我在这里找到了一个jQuery代码段，但是它似乎没有用。这就是我现在所拥有的：

<input type="radio" name="price" value="value" id="value_radio" onclick="document.getElementById('value_input').focus()" required>

<label for="value_input">&euro;</label>
<input type="text" name="price_value" id="value_input" pattern="\d+(,\d{1,2})?" 
    onclick="document.getElementById('value_radio').checked=true">

<script>
    $('#value_radio').change(function () {
        if($(this).is(':checked')) {
            $('#value_input').attr('required');
        } else {
            $('#value_input').removeAttr('required');
        }
    });
</script>

<input type="radio" name="price" id="free" value="free">
<label for="free">Free</label>

JSFiddle：http : //jsfiddle.net/fhfrzn1d/

我按照这个例子来捕获一个单选按钮组的 onChange() jQuery 事件： JQuery $(#radioButton).change(...) 在取消选择期间不触发

但就我而言，该示例中给出的解决方案不起作用。我的 JSP 生成了以下内容：

<input id="object.reportEntity.reportEntityIsPrime1" name="object.reportEntity.reportEntityIsPrime" type="radio" value="Y_YES" checked="checked"/>Prime                             

<input id="object.reportEntity.reportEntityIsPrime2" name="object.reportEntity.reportEntityIsPrime" type="radio" value="N_NO"/>Not Prime

JS：

$(document).ready(function() {      

    // Display Alert on Radio Change    
    $('input[name=object.reportEntity.reportEntityIsPrime]:radio').change(function () {
        alert('Radio Button clicked');
    }); 
}

警报未显示。另外，还有这个错误：

语法错误，无法识别的表达式“输入”

我已经看到了这个问题，也看到了这个小提琴。

我Fiddle 在这里。这是一个简单的问题。为什么不起作用？

#html
<input checked="checked" id="article_format_html" name="article[format]" type="radio" value="html">Some meaningful value
<input id="article_format_text" name="article[format]" type="radio" value="text">Another Value

#js
$("input[name='article[format]']:radio").change(alert('hola'));

编辑：

在大众需求下，我这样做：

.change(function(){alert('hola')});

小提琴。

结果：不起作用。

编辑2：（为什么我有问题）

所以，JS-小提琴包装中的头你的js代码iframe是你的Result部分。为了使jQuery选择器（或任何处理DOM的js）正常工作，必须在呈现DOM元素之后*执行它。因此，将代码包装在就绪状态和/或body关闭之前，是确保查询选择器不返回的最安全方法undefined。