Html 如何使用jquery/ajax根据其他输入字段中的choosen值激活required on input?
我有一个带有两个单选按钮的表单,如果我选择“是”,则会出现一个带有两对单选按钮的DIV,如果在第一个表单中选择了“是”,则我需要在两个新单选按钮对中设置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
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,你真的是度过了我的一天:-)