Question

基本上我正在创建一个表单，我已经使用targetElement切换查看了onchange，但我似乎无法弄明白。

下拉：A，B，C

电台：A，B

如果选择了Dropdown A和Radio A，那么它会显示带文本的某个div。如果Dropdown B和Radio A显示另一组。它将显示和隐藏不同的变化。

Answer 1

没有看到您的代码的权限，这是您可以采取的一种方法：

$('#form_id').on('change', 'select, :radio', function(){
    if( $('select', '#form_id').val() == 'A' && $('input#radio_A', '#form_id').is(':checked') ){
        $('#my_text_div').show();
    }else if(  $('select', '#form_id').val() == 'B' && $('input#radio_B', '#form_id').is(':checked') ){
        $('#my_text_div').hide();
    }
});

Answer 2

这是一个简单的例子https://jsfiddle.net/L7bpx59w/1/

$("#dropdown , input").change(function()
{
    $(".result").text( "Dropdown '"+$("#dropdown").val()+"' AND Radio '"+$("input:radio").val()+"' are selected" );
});
$("#dropdown").trigger("change");

Answer 3

感谢您的帮助！

我最终使用了这个：

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#test').change(function () {
    $('.regInfo').hide();
    if ($('#initial').is(':checked') && $('#spouse').is(':checked')) $('.initialSpouse.regInfo').show(); // Initial + Spouse
    if ($('#initial').is(':checked') && $('#employee').is(':checked')) $('.initialEmployee.regInfo').show(); // Initial + Employee

    if ($('#t').is(':checked') && $('#spouse').is(':checked')) $('.tSpouse.regInfo').show(); // t + Spouse
    if ($('#t').is(':checked') && $('#employee').is(':checked')) $('.tEmployee.regInfo').show(); // t + Employee

    if ($('#p').is(':checked') && $('#spouse').is(':checked')) $('.pSpouse.regInfo').show(); // p + Spouse
    if ($('#p').is(':checked') && $('#employee').is(':checked')) $('.pEmployee.regInfo').show(); // p + Employee
});
});//]]>

所以我有6个显示不同文本的div。

当选择某个下拉选项和某个单选按钮时显示特定文本的表单

3 个答案: