我使用脚本用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…