这对于你的需求来说可能有点过头了,但我在我的网站上使用了一个扩展版。
此脚本将-
检查first_option_required
选项应在页面加载中(并设置)
更改first_option_required
更改时的按钮first_option_show
选项这是通过事件hadler进行管理的,该事件hadler将捕获对first_option_show
选项
仔细检查输入名称是否符合您的需要,然后将代码粘贴到需要此功能的页面可以访问的任何JS文件中。
Note - 如果您还没有包含JS文件并需要帮助,请告知我们。
jQuery(function($){
/**
* Once the document is ready, initialise the \'checkResponses\' object
*/
$(document).ready(function(){
checkResponses.init();
});
/**
* Monitor the change is state to user responses in my form
*/
checkResponses = {
/**
* Psuedo constructor
*/
init : function(){
this.create_events();
this.maybe_disable_first_option_required();
}, // init
/**
* Create events required for monitoring
*/
create_events : function(){
var t = this; // This object
$(\'input[name=first_option_show]\').on(\'change\', function(){
t.maybe_disable_first_option_required();
});
}, // create_events
/**
* Check to see if the \'first_option_required\' options should be disabled or not
*/
maybe_disable_first_option_required : function(){
if($(\'input[name=first_option_show]\').is(\':checked\')){
alert(\'Removing...\');
$(\'input[name=first_option_required]\').removeAttr(\'disabled\');
} else {
alert(\'Adding...\');
$(\'input[name=first_option_required]\').attr(\'disabled\', true);
}
} // maybe_disable_first_option_required
}
});