如果复选框切换复选框已选中,则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div,我想在toogle div中设置一些“必填”输入字段。

有人能弄清楚吗?那是工作吗?

function show(id) { 
    if(document.getElementById) { 
        var mydiv = document.getElementById(id); 
        mydiv.style.display = (mydiv.style.display=='block'?'none':'block'); 
    }
} 

var $myCheckbox = $('#neu_ma'),
$required	= $('.required');

$myCheckbox.on('click', function() {
this.checked ? $required.prop('required', true) : $required.prop('required', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" name="berechtigungsantrag">
<fieldset>
	<legend><input type="checkbox" name="neu_ma" id="neu_ma" onclick="javascript:show('neuer_mitarbeiter');"> Neuer Mitarbeiter </legend>
					
<div style="display: none" id="neuer_mitarbeiter">
									
                <label for="eintritt_datum">Eintrittsdatum:</label>
                <div><input type="date" name="eintritt_datum" id="eintritt_datum" class="required" /></div>
					
                <label for="befristung_datum">Befristungsdatum:</label>
		<div><input type="date" name="befristung_datum" id="befristung_datum"/></div>
    
</div>

    </fieldset><!-- End of fieldset -->
 
<input class="btn" type="submit" value="Speichern" name=save />

</form>

javascript大神给出的解决方案

回答:

您正在尝试侦听不存在的元素ID(neu_ma)-您尚未为复选框指定ID。

<input type="checkbox" name="neu_ma" onclick="javascript:show('neuer_mitarbeiter');"> 

因此,只需为其提供一个ID:

<input type="checkbox" name="neu_ma" id="neu_ma" onclick="javascript:show('neuer_mitarbeiter');"> 

这只是一个示例,您可以如何做:

将一些特定的类添加到需要受复选框状态影响的输入中。

我做了一个HTML示例:

<form>
    <input type="checkbox" id="myCheckbox" />
    <input type="text" class="required" />
    <input type="text" />
    <input type="text" class="required" />

    <button type="submit">Submit</button>
</form>

如您所见,某些输入具有一个名为“ required”的类。

接下来,我检查复选框状态(是否选中)。根据结果​​,使用jQuery的prop()方法使元素具有“ required”类成为必需(或不是必需)。

工作示例:

var $myCheckbox = $('#myCheckbox'),
    $required	= $('.required');

$myCheckbox.on('click', function() {
    this.checked ? $required.prop('required', true) : $required.prop('required', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="checkbox" id="myCheckbox" />
    <input type="text" class="required" />
    <input type="text" />
    <input type="text" class="required" />
    <button type="submit">Submit</button>
</form>

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器,可以在HTML中正常工作,但是当我从PHP回显调用时,似乎没有得到div ID的名称,因此它无法播放我的音频。这是我的代码:// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

在php中单击按钮添加表行并设置字段值 - javascript

我有一个表单,必须在单击按钮时添加表行。这是我必须动态添加的表行:(addProdToGroup.php)<tr style="text-align: center;" id="products"> <td><?php $j ?></td> <td><s…

如何添加5分钟的JavaScript倒数计时器来提交表单 - javascript

我想添加5分钟的倒数计时器,将其提交到我的php页面。 <form name="myfm" id="myfm" method="post" action="Quiz.php"> <table width=100%> <tr> <td wi…

服务器响应后如何在Symfony2中显示警报或信息消息而无需重新加载页面 - javascript

我正在用Symfony2为配镜师创建一个管理应用程序。当管理员将新客户添加到数据库时,我的控制器将检查客户名称是否重复。我想显示一个弹出对话框,询问用户是否要添加新客户。我该如何实施?我应该使用Ajax吗?这是我在这种情况下使用的控制器的示例代码:public function nouveauAction(Request $request) { $form …

包含输入和/或文本的SerializeArray表行。怎么样? - javascript

我创建了一个生成估计的表格。我已经弄清楚了如何添加,更新订单项和估算总额以及删除订单项和估算总额。我现在想做的是,一旦用户在下表中完成数据输入,我需要用户能够使用估计主键tbl_estimate保存该估计,因此...我需要翻转每个表行转换为以下JSON格式,然后将其提交到PHP PDO页面进行处理。我怎样才能序列化一个表?// DESIRED JSON FO…