Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用jquery/ajax根据其他输入字段中的choosen值激活required on input?_Html_Jquery_Ajax - Fatal编程技术网

Html 如何使用jquery/ajax根据其他输入字段中的choosen值激活required on input?

Html 如何使用jquery/ajax根据其他输入字段中的choosen值激活required on input?,html,jquery,ajax,Html,Jquery,Ajax,我有一个带有两个单选按钮的表单,如果我选择“是”,则会出现一个带有两对单选按钮的DIV,如果在第一个表单中选择了“是”,则我需要在两个新单选按钮对中设置required(“Type”和“What to do”)。如果在“要做什么”无线电对中选择了“移动号码”,则会出现第二个DIV,其中有一个输入字段,用户应在该字段中告诉要移动的号码。。然后,此字段需要设置requiredset。。如何动态地执行此操作 仅供参考,我使用Parsley JS Validator验证字段 下面是一段极简的代码: f

我有一个带有两个单选按钮的表单,如果我选择“是”,则会出现一个带有两对单选按钮的DIV,如果在第一个表单中选择了“是”,则我需要在两个新单选按钮对中设置
required
(“Type”和“What to do”)。如果在“要做什么”无线电对中选择了“移动号码”,则会出现第二个DIV,其中有一个输入字段,用户应在该字段中告诉要移动的号码。。然后,此字段需要设置
required
set。。如何动态地执行此操作

仅供参考,我使用Parsley JS Validator验证字段

下面是一段极简的代码:

function CompanyMobileFunction(){
var x=document.getElementById(“公司移动”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
函数CompanyMobileMoveFunction(){
var x=document.getElementById(“MobileMove”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
函数CompanyMobileFunctionClose(){
var x=document.getElementById(“公司移动”);
如果(x.style.display==“无”){
x、 style.display=“无”;
}否则{
x、 style.display=“无”;
}
}
函数CompanyMobileMoveFunctionClose(){
var x=document.getElementById(“MobileMove”);
如果(x.style.display==“无”){
x、 style.display=“无”;
}否则{
x、 style.display=“无”;
}
}

手机?(必选):
对
不
类型(必填):
苹果手机
安卓
怎么办?(必选):
新号码
移动号码
要移动的号码(必填):

您可以使用jQuery、类和
prop()
来执行此操作。即使输入被隐藏,也要确保删除了
必需的
道具

function-toggleRequired(){
变量isYesChecked=$(“#CompanyMobileYES”).is(“:checked”);
var isMoveChecked=$(“#CompanyMobileMoveMove”).is(“:checked”);
$('[name=“MobileOS”]').prop('required',isYesChecked);
$(“[name=“CompanyMobileMove”).prop('required',isYesChecked);
$('mobiletomove').prop('required',isMoveChecked);
}
函数toggleHidden(){
变量isYesChecked=$(“#CompanyMobileYES”).is(“:checked”);
var isMoveChecked=$(“#CompanyMobileMoveMove”).is(“:checked”);
$(“#CompanyMobile”).toggleClass('hidden',!isYesChecked);
$('MobileMove').toggleClass('hidden',!isYesChecked | | |!isMoveChecked);
}
$('[name=“CompanyMobile”]')。在('change',函数(){
toggleRequired();
切换隐藏();
} );
$('[name=“CompanyMobileMove”]')。在('change',函数(){
toggleRequired();
切换隐藏();
});
。隐藏{
显示:无;
}
输入:required::after{
内容:“***”;
利润率:15px;
}
输入:必选{
边框:1px纯红;
}

移动电话?(必选):
对
不
类型(必填):
苹果手机
安卓
做什么?(必选):
新号码
移动号码
要移动的号码(必填):

这并不能回答你的问题,但我建议你在你的DIV上切换一个
隐藏的
类,而不是直接用JavaScript编辑样式。哇,bassxzero,这真是一个很好的方法,比我以前的脚本隐藏/显示DIV要优雅得多,然后它就像一个符咒一样工作。谢谢bassxzero,你真的是度过了我的一天:-)