Jquery 用户定义的输入标签或标签的特殊行为?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示,以适应可能导致其失败的条件,否则所有推测都需要不同的策略来进行可检查与值更改..参
Jquery 用户定义的输入标签或标签的特殊行为?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示,以适应可能导致其失败的条件,否则所有推测都需要不同的策略来进行可检查与值更改..参,jquery,css,select,input,checkbox,Jquery,Css,Select,Input,Checkbox,用户定义的输入标签或标签的特殊行为?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示,以适应可能导致其失败的条件,否则所有推测都需要不同的策略来进行可检查与值更改..参见我的solution@charlietfl那么suer定义的输入标签或标签的特殊行为呢?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示文稿,以满足可能导
用户定义的输入标签或标签的特殊行为?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示,以适应可能导致其失败的条件,否则所有推测都需要不同的策略来进行可检查与值更改..参见我的solution@charlietfl那么suer定义的输入标签或标签的特殊行为呢?但对于基本的html标记和标准行为,您是正确的。但不确定哪种方法更优雅…特殊行为?像什么?OP只是希望表单控件绑定在一起。请随意修改演示文稿,以满足可能导致其失败的条件,否则都是猜测为什么我不能加倍投票?您的代码有助于比阅读任何书籍更快地学习jQuery。谢谢。啊,这就是为什么像这样的论坛是很好的学习工具…我每天都在这里学到新东西。为什么我不能加倍投票?您的代码有助于比阅读任何书籍更快地学习jQuery。谢谢。啊,这就是为什么像这样的论坛是很棒的学习工具…我每天都在这里学到新东西
<div id="block1">
<input type="text" class="class1" value="a">
<input type="text" class="class2" value="b">
<input type="checkbox" class="class3"> checkbox
<select class="class4">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div>
<div id="block2">
<input type="text" class="class1" value="a">
<input type="text" class="class2" value="b">
<input type="checkbox" class="class3"> checkbox
<select class="class4">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div>
$("#block1").change(function () {
//apply ALL values from block1 to block2
});
$("#block2").change(function () {
//apply ALL values from block2 to block1
});
$("#block2").html('').append($("#block1").clone(true))
//$("#block2 select").val($("#block1 select").val())
$("#block1 select").each(function(){
var cls = $(this).attr("class");
$("#block2").find("select."+cls+"").val($(this).val());
});
<div id="block1">
<input type="text" id="id1" class="class1" value="a" onkeyup="Update()">
<input type="text" id="id2" class="class2" value="b" onkeyup="Update()">
<input type="checkbox" id="id3" class="class3" onchange="Update()"> checkbox
<select class="class4" id="id4" onchange="Update()">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div>
function Update()
{
var input1 = document.getElementById("id1").value;
var input2 = document.getElementById("id2").value;
var checkbox1 = document.getElementById("id3").checked;
var select1 = document.getElementById("id4").value;
document.getElementById("id5").value=input1;
document.getElementById("id6").value=input2;
document.getElementById("id7").checked=checkbox1;
document.getElementById("id8").value=select1;
}
<div id="block2">
<input type="text" id="id5" class="class1" value="a" onkeyup="Update2()">
<input type="text" id="id6" class="class2" value="b" onkeyup="Update2()">
<input type="checkbox" id="id7" class="class3" onchange="Update2()"> checkbox
<select id="id8" class="class4" onchange="Update2()">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div>
function Update2()
{
var input1 = document.getElementById("id5").value;
var input2 = document.getElementById("id6").value;
var checkbox1 = document.getElementById("id7").checked;
var select1 = document.getElementById("id8").value;
document.getElementById("id1").value=input1;
document.getElementById("id2").value=input2;
document.getElementById("id3").checked=checkbox1;
document.getElementById("id4").value=select1;
}
$(function() {
$(".class1").live('keypress', function() {
$(".class3").val($(this).val());
});
$(".class2").live('keypress', function() {
$(".class4").val($(this).val());
});
});
<div id="block1" class="blockClass">
/* ":input" selector includes all form controls*/
$('.blockClass :input').change(function () {
var $this = $(this);
var $otherInput = $('.blockClass').not($this.closest('.blockClass')).find('.' + this.className);
var isCheckable = $this.is(':radio,:checkbox');
if (isCheckable) {
$otherInput.prop('checked', this.checked);
} else {
$otherInput.val($this.val());
}
})