Question

如何清除输入ID的价值＆＃34;价格＆＃34;并在单击单选按钮ID＆＃34; meta_price_type_0＆＃34;时禁用它＆＃34; meta_price_type_1＆＃34;，meta_price_type_2

 <input id="price" type="text" name="price" value="200" >
 <input type="radio" name="meta[4]" id="meta_price_type_0" value="Has Price Above0">
 <input type="radio" name="meta[4]" id="meta_price_type_1" value="Has Price Above1">
 <input type="radio" name="meta[4]" id="meta_price_type_2" value="Has Price Above2">

Answer 1

试试这个：

$("#meta_price_type_0, #meta_price_type_1, #meta_price_type_3").click(function(){
    $("#price").val("");
    $("#price").attr("disabled", true);
              OR (use either)
    $("#price").prop("disabled", true);
});

Answer 2

$('input[type="radio"]').on('click',function(){
    $("#price").val("").prop('disabled',true);
});

如果您有type="radio"的其他输入，则可能需要使用以下代码。

$('input[id*="meta_price_type_"]').on('click',function(){
    $("#price").val("").prop('disabled',true);
});

Answer 3

你可以这样做：

$('#meta_price_type_0, #meta_price_type_1, #meta_price_type_2').click(function(){
     $('#price').val('').attr('disabled', 'true');
});

或者您可以在每个输入广播中放置一个类，这将允许您使用更加理解的jquery，并且您可以使用其他元素来执行相同的操作...

<input type="radio" name="meta[4]" value="Has Price Above0" class="clear-the-price">
<input type="radio" name="meta[4]" value="Has Price Above1" class="clear-the-price">
<input type="radio" name="meta[4]" value="Has Price Above2" class="clear-the-price">

你的jquery选择器就像：

$('input.clear-the-price').click(function(){
    $('#price').val('').attr('disabled', 'true');
});

这是一个jsfiddle，您可以在其中执行此脚本：http://jsfiddle.net/w9a8u4f2/

Answer 4

$( "input[type='radio'][name*='meta']" ).on( "click", function ( ) {

    $( "#price" ).val( "" );
    $( "#price" ).prop( "disabled", true );


});

DEMO：http://jsfiddle.net/kxtvmm1m/

jquery输入无线电点击不工作

4 个答案: