禁用表单提交时发送的元素

时间:2016-02-18 10:29:01

标签: jquery serialization textbox radio-button

我正在使用serialize() 为了提交我的表单元素。我有一些单选按钮,用于在需要时启用一些文本框(类似that)。但是,单选按钮也会被提交,即使它们仅用于启用文本区域。

提交表单后是否有选项可以禁用它们?

以下代码只是我的单选按钮的示例:

$('.RadioExample').not('.First').siblings().prop('disabled',true);

$('.RadioExample').on('click',function(){
    $('.RadioExample')
        .siblings()
        .prop('disabled',true);
    
    $(this)
        .siblings()
        .prop('disabled',false);
});
#first {
    background-color: red;
}

#second {
    background-color: green;
}

#third {
    background-color: yellow;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h1>Control fields</h1>
<div id="content">
    <div id="first">
            <input type="radio" name="radio" id="radio1" class="RadioExample First" checked="checked" />First</br>
            <input type="text" id="txt_one" /></br>
            <input type="text" id="txt_two" /></br>
    </div>
<div id="second">
    <input type="radio" name="radio" id="radio2" class="RadioExample" />Second</br>
<input type="text" id="three" /></br>
          <input type="text" id="txt_four" /></br>
    </div>

    <div id="third">
            <input type="radio" name="radio" id="radio3" class="RadioExample" />Third</br>
            <input type="text" id="txt_five" /></br>
            <input type="text" id="txt_six" /></br>
            <input type="text" id="txt_seven" /></br>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

为什么不find表单中的元素,并使用not

排除无线电
$('#formID').find('input').not("input[type='radio']").serialize()