当前位置: 首页 > 知识库问答 >
问题:

复选框动态选择重力形式

史良哲
2023-03-14

我有一个复选框,我想说这个复选框:如果(例如)“Einzelberatung Bu”被选中,并且你想选择另一个具有“Einzelberatung…”术语的字段,那么“Komplettes Finanzkonzept”字段应该自动被选中,其他两个字段都应该被取消选中。

正如您所看到的,我是一个绝对的JavaScript初学者。所以希望有人能帮我解决我贴在下面的代码,并告诉我我做错了什么。

谢谢你抽出时间Leon

null

jQuery( '#input_167_1 input[type="checkbox"]' ).on( 'click', function() {
    var $bu   = jQuery( '#choice_2_9_1' );
  var $pkv  = jQuery( '#choice_2_9_2' );
  var $etf = jQuery( '#choice_2_9_3' );
  var $fiko = jQuery( '#choice_2_9_4' );
  // Check Green if Rea & Blue are checked.
  if ( $bu.is( ':checked' ) && $etf.is( ':checked' ) ){
  $bu.prop( 'checked', false );
  $pkv.prop( 'checked', false );
    $etf.prop( 'checked', false );
  $fiko.prop( 'checked', true );
  } 
  else if ( $bu.is( ':checked' ) && $pkv.is( ':checked' ) ) {
  $bu.prop( 'checked', false );
  $pkv.prop( 'checked', false );
    $etf.prop( 'checked', false );
  $fiko.prop( 'checked', true );
  }
    else if ( $pkv.is( ':checked' ) && $etf.is( ':checked' ) ) {
  $bu.prop( 'checked', false );
  $pkv.prop( 'checked', false );
    $etf.prop( 'checked', false );
  $fiko.prop( 'checked', true );
  }
  // Prevent Red & Blue from being checked if Green is checked.
  else if ( $fiko.is( ':checked' ) ) {
  $bu.prop( 'checked', false );
  $pkv.prop( 'checked', false );
    $etf.prop( 'checked', false );
  }
} );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="gfield_checkbox" id="input_2_9"><li class="gchoice_2_9_1">
                                <input name="input_9.1" type="checkbox" value="Einzelberatung BU" id="choice_2_9_1">
                                <label for="choice_2_9_1" id="label_2_9_1">Einzelberatung BU</label>
                            </li><li class="gchoice_2_9_2">
                                <input name="input_9.2" type="checkbox" value="Einzelberatung PKV" id="choice_2_9_2">
                                <label for="choice_2_9_2" id="label_2_9_2">Einzelberatung PKV</label>
                            </li><li class="gchoice_2_9_3">
                                <input name="input_9.3" type="checkbox" value="Einzelberatung ETF Rente" id="choice_2_9_3">
                                <label for="choice_2_9_3" id="label_2_9_3">Einzelberatung ETF Rente</label>
                            </li><li class="gchoice_2_9_4">
                                <input name="input_9.4" type="checkbox" value="investmentplanung" id="choice_2_9_4">
                                <label for="choice_2_9_4" id="label_2_9_4">investmentplanung</label>
                            </li><li class="gchoice_2_9_5">
                                <input name="input_9.5" type="checkbox" value="Komplettes Finanzkonzept" id="choice_2_9_5">
                                <label for="choice_2_9_5" id="label_2_9_5">Komplettes Finanzkonzept</label>
                            </li><li class="gchoice_2_9_6">
                                <input name="input_9.6" type="checkbox" value="Anderese Anliegen" id="choice_2_9_6">
                                <label for="choice_2_9_6" id="label_2_9_6">Anderese Anliegen</label>
                            </li></ul>

null

共有1个答案

艾翼
2023-03-14

下面的代码是Tyr。我删除了#input_167_1并将单击更改为更改

null

jQuery('input[type="checkbox"]').on('change', function() {
    var $bu = jQuery('#choice_2_9_1');
    var $pkv = jQuery('#choice_2_9_2');
    var $etf = jQuery('#choice_2_9_3');
    var $fiko = jQuery('#choice_2_9_4');
    // Check Green if Rea & Blue are checked.
    if ($bu.is(':checked') && $etf.is(':checked')) {
        $bu.prop('checked', false);
        $pkv.prop('checked', false);
        $etf.prop('checked', false);
        $fiko.prop('checked', true);
    } else if ($bu.is(':checked') && $pkv.is(':checked')) {
        $bu.prop('checked', false);
        $pkv.prop('checked', false);
        $etf.prop('checked', false);
        $fiko.prop('checked', true);
    } else if ($pkv.is(':checked') && $etf.is(':checked')) {
        $bu.prop('checked', false);
        $pkv.prop('checked', false);
        $etf.prop('checked', false);
        $fiko.prop('checked', true);
    }
    // Prevent Red & Blue from being checked if Green is checked.
    else if ($fiko.is(':checked')) {
        $bu.prop('checked', false);
        $pkv.prop('checked', false);
        $etf.prop('checked', false);
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="gfield_checkbox" id="input_2_9">
    <li class="gchoice_2_9_1">
        <input name="input_9.1" type="checkbox" value="Einzelberatung BU" id="choice_2_9_1">
        <label for="choice_2_9_1" id="label_2_9_1">Einzelberatung BU</label>
    </li><li class="gchoice_2_9_2">
        <input name="input_9.2" type="checkbox" value="Einzelberatung PKV" id="choice_2_9_2">
        <label for="choice_2_9_2" id="label_2_9_2">Einzelberatung PKV</label>
    </li><li class="gchoice_2_9_3">
        <input name="input_9.3" type="checkbox" value="Einzelberatung ETF Rente" id="choice_2_9_3">
        <label for="choice_2_9_3" id="label_2_9_3">Einzelberatung ETF Rente</label>
    </li><li class="gchoice_2_9_4">
        <input name="input_9.4" type="checkbox" value="investmentplanung" id="choice_2_9_4">
        <label for="choice_2_9_4" id="label_2_9_4">investmentplanung</label>
    </li><li class="gchoice_2_9_5">
        <input name="input_9.5" type="checkbox" value="Komplettes Finanzkonzept" id="choice_2_9_5">
        <label for="choice_2_9_5" id="label_2_9_5">Komplettes Finanzkonzept</label>
    </li><li class="gchoice_2_9_6">
        <input name="input_9.6" type="checkbox" value="Anderese Anliegen" id="choice_2_9_6">
        <label for="choice_2_9_6" id="label_2_9_6">Anderese Anliegen</label>
    </li>
</ul>
 类似资料:
  • 问题内容: 我是php的新手,我想根据从MySQL获取的结果动态创建复选框。如果我在employee表中有10条记录,那么它必须创建10个以员工姓名作为value的复选框。我看过几本教程来制作数组复选框等,但无法解决问题。请那里的任何人帮助!!! 问题答案: 试试看: 上面看到的示例依赖于两点才能真正正常运行: 您正在使用MySQL 您的SQL查询必须检索员工的姓名(以便您可以在循环中使用它们

  • 我想调用一个函数时,选择的任何选项。类似于这样: 但不知何故不起作用。有人能帮忙吗。 请注意 我不想捕获更改事件,如果我选择已经选择选项,则不会触发更改事件

  • 我有一个带有spring 3和hibernate框架的标准web应用程序。我有两个应用程序上下文。xml和hibernate。cfg。包含数据库连接数据的xml文件: ... 现在,我需要使用动态数据库名称更改这个应用程序,如何在ServletContextListener中设置它的运行时。contextInitialized?

  • 另一个位置问题。我再次尊重你们,因为现在我知道有多少情况下,你们必须这样做才能进行第一次,也许第二次尝试。我(和你)以前的方法同样不起作用。目标页面和标签,我需要href。 这些并不能满足我的需要。

  • 我在XAML有一个组合框,写为 并且“”在ViewModel类中实现为 在这里设置之前,它会根据某些条件进行验证。我的目的是在验证失败时将组合框选择更改为先前的值。这不适用于组合框,但是此方法非常适用于CheckBox控件——下面给出的代码片段。 有什么方法可以让这个为ComboBox工作吗?任何替代实现也可以。

  • 如果数据库中的数据为是或否,如何选中复选框,我尝试使用attr函数,但没有成功 这是我的html