1. 程式人生 > >Jquery中獲取iframe的程式碼(window.top.parent)

Jquery中獲取iframe的程式碼(window.top.parent)

父視窗中操作iframe:window.frames["iframeChild"].document //假如iframe的id為iframeChild 

在子視窗中操作父視窗:window.parent.document 

那麼,用如果想用jquery的方法,我們怎麼用jquery來獲取iframe呢?下面是一下收集來的方法。 

獲取頁面的物件其實就是dom方法外面加上jquery的選擇符: 

父視窗中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id為iframeChild 

在子視窗中操作父視窗:$(window.parent.document) 

接下來就可以繼續獲取iframe內的dom了。 

獲取iframe內的dom物件有兩種方法 

1 $(window.frames["iframeChild"].document).find("#child") 

2 $("#child",window.frames["iframeChild"].document) 

1.在父視窗中操作 選中IFRAME中的所有單選按鈕 
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true"); 
2.在IFRAME中操作 選中父視窗中的所有單選按鈕 
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

top視窗取得iframe的值

var $child = $(top.frames["id"].document);
var flag = $("#flag",$child).val();							        
var _items =  $child.find("input[type='checkbox'][name='subItem']");
1 if($("input[name=item][value='val']").attr('checked')==true) //判斷是否已經打勾
name即控制元件name屬性,value即控制元件value屬性
可以不指定屬性值,因一組checkbox的value值都會儲存其在資料庫中對應的id,最好寫成如下方式
if($("input[name=row_checkbox]").attr('checked')==true)
{
alert("j");
}
else
{
alert("請選擇資料!");
}
另,還可以寫成if($("[name=row_checkbox]").attr('checked')==true)


jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關

文章分類:Web前端
jQuery 1.3.2版本下的
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關
設定
獲取一組radio被選中項的值:var item = $('input[name=items][checked]').val();
獲取select被選中項的文字
var item = $("select[@name=items] option[@selected]").text();
獲取select被選中項的文字 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
select下拉框的第二個元素為當前選中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = 'val'的元素為當前選中項:$("select[name=items] option[value='val']").attr("selected","selected");
radio單選組的第二個元素為當前選中項 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
radio的value = 'val'的元素為當前選中項:$('input[name=items] [value='val']').attr("checked","checked");

獲取值:
文字框,文字區域:$("#txt").attr("value");
多選框checkbox:$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
單選組radio: $("input[type=radio][checked]").val();
下拉框select的value值: $('select').val();
下拉框select選中的text 值:$("select").find("option:selected").text();
控制表單元素:
文字框,文字區域:$("#txt").attr("value","); //清空內容
$("#txt").attr("value",'11′); //填充內容
多選框checkbox:
checkbox的第二個元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");
if($("input[name=item][value='val']").attr('checked')==true) //判斷是否已經打勾
單選組radio: $("input[type=radio]").attr("checked",'2′);//設定value=2的專案為當前選中項
下拉框select: $("#sel").attr("value",'-sel3′);//設定value=-sel3的專案為當前選中項
$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//新增下拉框的option
$("#sel").empty();//清空下拉框
jQuery獲取Radio選擇的Value值
程式碼
$("input[name='radio_name'][checked]").val(); //選擇被選中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 當物件text_id獲取焦點時觸發
$("#text_id").blur(function(){//code...}); //事件 當物件text_id失去焦點時觸發
$("#text_id").select(); //使文字框的Vlaue值成選中狀態
$("input[name='radio_name'][value='要選中Radio的Value值'").
attr("checked",true); //根據Value值設定Radio為選中狀態
jQuery獲取CheckBox選擇的Value值
$("input[name='checkbox_name'][checked]"); //選擇被選中CheckBox元素的集合 如果你想得到
Value值你需要遍歷這個集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍歷被選中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //獲取一個CheckBox的狀態(有沒有被選中,返回true/false)
$("#checkbox_id").attr("checked",true); //設定一個CheckBox的狀態為選中(checked=true)
$("#checkbox_id").attr("checked",false); //設定一個CheckBox的狀態為不選中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根據3,4,5條,你可以分析分析這句程式碼的意思
$("#text_id").val().split(","); //將Text的Value值以','分隔 返回一個數組


相關推薦

Jquery獲取iframe程式碼(window.top.parent)

父視窗中操作iframe:window.frames["iframeChild"].document //假如iframe的id為iframeChild 在子視窗中操作父視窗:window.parent.document 那麼,用如果想用jquery的方法,我們怎

jquery獲取相鄰元素相關的命令:next()、prev()和siblings()

cnblogs lin Language javascrip prev round blog scrip color jquery裏我們要獲取某個元素的相鄰元素時,可以用到的命令有三個: next():用來獲取下一個同輩元素。 prev():用來獲取上一個同輩元素。 sib

jquery獲取當前選中行數據的方法

需要 fin blog var java 選中行 javascrip 獲取 行數 $("table tr").click(function() { var td = $(this).find("td");// 找到td元素 var lo_id = td[1].in

jQuery獲取文檔的高度、可視區域高度以及滾動條距頁面頂部的高度

doc 支持 document span ros p s margin window 窗口 在寫頁面的時候,經常會碰到這樣的情況,就是要獲取文檔的高度、可視區域高度或者滾動條距頁面頂部的高度等情況。 但我總是有些愛搞混淆了,這裏還是簡單做個筆記吧,這裏只限於使用jQuer

jQuery獲取a標簽的值

page 失敗 頁面 結果 ngs 頁碼 jquer 直接 num 如題,一組相同action的a標簽,不同的是a標簽的內容為搜索內容。點擊頁面顯示不同的數據 剛開始試過在 a標簽中添加 value值 和id 的值,結果在jQuery中獲取值均失敗! 後來發現,根本不用那

jquery獲取焦點和失去焦點事件

jquery 焦點事件 <script src="../js/jquery-1.12.4.min.js"></script> <script> $(function(){ // 獲取焦點事件,不傳參 focus

總結Jquery獲取自定義屬性使用.attr()和.data()以及.prop()的區別

p.p1 { margin: 0.0px 0.0px 2.0px 0.0px; font: 14.0px ".PingFang SC" } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC" } p.p3 { margin:

jquery獲取原生事件物件來解決html5拖拽事件的bug

在做一個拖拽demo(九宮格拼圖)時,遇到一個bug,當拖動一張圖片1到另外一張圖片2的位置時,兩個位置的圖片都變成了圖片2,程式碼如下 <script type="text/javascript"> (function($){ var dragSrc; $('li').each

如何在指令碼獲取Java程式碼的值

<% String language = "en"; if (null != session.getAttribute("key")) { language = s

前端 JQuery獲取一個div下的多個id值

獲取所有的Id值,方法是通過div.class獲取全域性的值,然後再提取具體的Id值 方法一:用for迴圈,因為$("div.class")獲取的是一個數組,通過迴圈讀取出陣列中的每一個元素: var articleIdList = new Array(); var h3=$("div

沒有id沒有name iframe獲取iframe本身dom元素

var iframe_id = "iframe_"+Math.random()*10000;//定義一個隨機數 $(document.body).attr("random",iframe_id);//設定屬性

redis獲取每個資料型別top-n的bigkeys資訊

  需求:之前寫的指令碼獲取redis 最大的top-n的bigkeys,沒有區分資料型別,如果要針對每個資料型別的前top-n的bigkeys獲取呢?   db_ip=5.5.5.101 db_port=6379 password=abc123 cursor=0 cnt=10

前端人員從photoshop獲取css程式碼的方法

很多時候拿到設計圖的時候,如果UI沒有給配色、字型大小什麼的說明檔案,這時就需要我們自己去取,傳統的方法是在photoshop中取色、量取畫素大小之類的,在photoshop cc 中為我們提供了自動提取css的方法,下面就為大家介紹這種方法。 工具:我這

Jquery獲取table某列值的方法

//獲取 table id=test123 第二列 文字值 ("#btnTest").click(function(){   $("#test123 tr td:nth-child(2)").each(function(){      alert($(this).tex

jquery獲取祖父、父、子結點的方法1

在前端程式設計中,少不了使用jquery,在其中要結合DOM樹來進行資料處理,那就離不開資料對結點的操作。 故在此總結一下對結點獲取方法: 1、向上對父及祖父結點訪問        parents()與parent()       (1)對祖父結點的獲取      

在父視窗獲取Iframe的元素 & 在Iframe獲取父視窗的元素

1. 在父視窗中獲取Iframe中的元素(1) JQuery// 方式1 $("#iframe的id").contents().find("#iframe中控制元件的id").事件(); //方式2 $

layer獲取iFrame的資料

layer.open({ type: 2, title: '編輯音樂', shadeClose: false, shade: 0.8, btnAlign: '

如何在Java獲取當前程式碼行行號

為了實現自定義的log類,能夠輸出具體的程式碼行行號,我通過使用StackTraceElement物件實現了。 這裡指出需要注意的幾個問題:1. 程式中返回的程式碼行行號,是新建StackTrackElement物件的那一行。2. 可以通過傳參的方法實現輸出特定行行號。具體實

JavaScript與jQuery獲取螢幕的寬度和高度的常用方法以及HTML精確定位

瀏覽器的寬高示意圖: JavaScript中常用的方法: 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHe

JQuery獲取DataTables的總行數

var dataTable = $('#dataTable').DataTable(); var info = dataTable.page.info(); var dataRows = info.recordsTotal;