[英]How to get/copy checkbox value from a form to another form
我試圖弄清楚如何將復選框值從“ form1”獲取/復制到“ zFormer”
我想我需要一個JavaScript jQuery來使其工作。 將值從form1復制到zFormer或僅將復選框值復制到zFormer的腳本。
<!DOCTYPE html>
<html lang="en">
<head>
<script type='text/javascript'
src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"> </script>
<link rel="stylesheet" type="text/css" href="base/jquery-ui.css">
<style type='text/css'>
#box_form > *{
font-size:12px;
margin-bottom:15px;
}
#box_form > p > label{
display:block;
font-size:18px;
}
#box_form > p > input, #box_form > p > textarea{
width:300px;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function() {
$('#box_form').dialog({
autoOpen: false,
height: 200,
width: 350,
modal: true,
buttons: [
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}},
{
text: "Add Selected",
click: function() {
$('#zFormer').submit();
}}
]
});
$('#clicky3').button().click(function(e){
$('#box_form').dialog('open');
});
});
});//]]>
</script>
</head>
<body>
<form id="form1" name="form1">
input type="checkbox" name="email'.$emailCount++.'" value="'.email.'"/>
<input type="hidden" name="name'.$nameCount++.'" value="'.$id.'"/>
</form>
<form id="zFormer" method="POST" action="script/do-something.php" name="zFormer">
<label for="name">Add Selected</label>
<select name="list" id="list" class="form-text">
<option value="">Add To List</option>
<option value="All">All</option>
<option value="All">Blog</option>
<option value="All">Dj</option>
</select>
<input type="hidden" name="name'.$nameCount++.'" value="'.$id.'"/>
<input type="button" name="new_address" id="clicky3" value="Add Selected">
</form>
</body>
</html>
這是功能的圖片
謝謝
使用jQuery,您可以在復選框或value
屬性上使用val()
方法來獲取和設置值。
獲得價值的例子:
$(".checkbox").val()
或document.getElementsByClassName("checkbox")[0].value
設置值的示例:
$(".checkbox").val("my value");
或document.getElementsByClassName("checkbox")[0].value = "my value";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.